Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: stopka nie na swoim miejscu
Forum PHP.pl > Forum > Po stronie przeglądarki
Jim
Witam!
jestem już zdesperowany. angrysmiley.gif
Nie moge dojsc do tego, aby stopka byla na samym dole. dostosowalem css do tej techniki i nic.
W IE ofc wszystko w porzadku wyglada, natomiast w mozilli wyskokosc #kontenera jest rowna wyskosci ekranu (?!).

Oto jak to wyglada:
HTML
CSS

Z gory bardzo, bardzo dziekuje za kazda pomoc.

ps. a to okrojony plik css:
  1. html, body {height:100%;}
  2.  
  3. body {
  4. background: #FFFFFF;
  5. font: normal 13px Georgia;}
  6.  
  7. BODY {padding: 0px; margin: 0px;}
  8.  
  9.  
  10.  
  11.  
  12. * html #kontener { height: 50%; }
  13.  
  14. #kontener {
  15. width: 700px;
  16. margin-left: auto;
  17. margin-right: auto;
  18. padding: 10px;
  19. background: #FDF3E5;
  20. min-height: 100%;}
  21.  
  22.  
  23.  
  24. #gora1 {
  25. height: 100px;
  26. width: 180px;
  27. float: left;
  28. background: #D17415;}
  29.  
  30. #gora2 {
  31. height: 100px;
  32. width: 510px;
  33. float: right;
  34. text-align: right;
  35. background: #982417;}
  36.  
  37.  
  38.  
  39. #menu {
  40. width: 180px;
  41. height: 280px;
  42. float: left;
  43. background: #76693C;
  44. margin-top: 10px;
  45. color: #FDF3E5;}
  46.  
  47.  
  48.  
  49. #main {
  50. width: 510px;
  51. float: right;
  52. height: 100%;
  53. margin-top: 10px;
  54. padding-bottom: 50px;
  55. }
  56.  
  57.  
  58.  
  59. #kontener-dol {
  60. border: 1px solid red;
  61. height: 30px;
  62. color: #FDF3E5;
  63. background: #FDF3E5;
  64. font-size: 11px;
  65. text-align: center;
  66. width: 700px;
  67. padding: 10px;
  68. margin-left: auto;
  69. margin-right: auto;}
  70.  
  71. #dol1 {
  72. float:left;
  73. height: 20px;
  74. width: 180px;
  75. background: #D17415;}
  76.  
  77. #dol2 {
  78. float:right;
  79. height: 20px;
  80. width: 510px;
  81. margin-left:10px;
  82. background: #982417;}
Kill3R
hej

o ile dobrze jeszcze kojarze

to dla #main w stylach daj clear: both (jesli tresc i stopka jest w jednym wspolnym divie)

a jesli nie to pod main daj <div style="clear: both;">&nbsp</div>


ja w ten sposob rozwiazuje takie problemy

ale moze jest inny lepszy sposob na rizwiazanie czegos takiego



Poprostu jak dales lewemu div'owo float left to stopka jest pod nim a nie pod glownym divem

looknij tutaj My Webpage

pod tym linkem mialem podobny problem
Jim
wielkie dzieki killer snitch.gif pomoglo! stopka jest juz na swoim miejscu.
ale nadal mam ten dziwny problem z wysokoscia #kontener'a. wyswietla tlo tylko do wysokosci rownej wysokosci ekranu. blink.gif
Kill3R
zrob tak

daj glownego diva i w tym glownym divie daj wszystkie inne

  1. <div id="kontener">
  2. <div>naglowek 1</div>
  3. <div>naglowek 2</div>
  4. <div>menu</div>
  5. <div>cialo</div>
  6. <div>stopka 1</div>
  7. <div>stopka 2/div>
  8. </div>


chodzi o to zeby wszystkie divy byly zawarte w tym glownym divie

teraz dla teog glownego diva nadajez kolor

a w stopce dajesz clear: both;



a i masz tam błąd nie mozesz w menu dac dwa razy id="navlist" id moze wystapic tylko raz na stronie

natomiast class wielokrotnie
Jim
snitch.gif jeszcze raz wielkie dzieki! teraz wszystko jest tak jak to planowalem.

ps. poprwailem navlist
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.