Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Problem z divem nie przylega do stopki
Forum PHP.pl > Forum > Przedszkole
tomaszszacko
Witam. Robię laya i nie mogę sobie poradzić z przyleganiem prawej części strony do stopki;/
w CSS nie bawiłem się już dobre 2 lata i dziury okazały się zbyt głębokie wink.gif


oto mój kod CSS:
  1. *{
  2. margin:0 auto;
  3. }
  4.  
  5. html, body{
  6. margin:0;
  7. padding:0;
  8. height:100%;
  9. background-image: url('../pliki-graficzne/bg.png');
  10. }
  11.  
  12. div#cala-strona{
  13. width: 960px;
  14. min-height:100%;
  15. position:relative;
  16. }
  17.  
  18. div#gorna-czesc{
  19. height: 200px;
  20. background-image: url('../pliki-graficzne/top.bmp');
  21. }
  22.  
  23. div#menu{
  24. position: absolute;
  25. right: 15px;
  26. top: 160px;
  27. }
  28.  
  29. div#logo{
  30. float: left;
  31. height: 200px;
  32. width: 217px;
  33. background-image: url('../pliki-graficzne/logo.bmp');
  34. }
  35.  
  36. div#pyszne{
  37. float: right;
  38. margin-right: 15px;
  39. margin-top: 25px;
  40. height: 150px;
  41. width: 200px;
  42. }
  43.  
  44. div#pizza{
  45. float: right;
  46. height: 200px;
  47. width: 254px;
  48. background-image: url('../pliki-graficzne/pizza.gif');
  49. }
  50.  
  51. div#srodkowa-czesc{
  52. float: top;
  53. position: relative;
  54. min-height: 200px;
  55. height: auto;
  56. background-color: white;
  57. }
  58.  
  59. div#lewy-srodek{
  60. height: 1200px;
  61. width: 500px;
  62. background-image: url('../pliki-graficzne/left.jpg');
  63. float: left;
  64. }
  65.  
  66. div#prawy-srodek{
  67. float: right;
  68. height: 100%;
  69. width: 445px;
  70. padding-top: 15px;
  71. padding-left: 15px;
  72. background-color: white;
  73. float: bottom;
  74.  
  75. }
  76.  
  77. div#prawy-srodek-img{
  78. height: 790px;
  79. width: 387px;
  80. background-image: url('../pliki-graficzne/srodek-prawo.bmp');
  81. }
  82.  
  83. div#prawy-srodek .lokal-img{
  84. float: right;
  85. margin-right: 15px;
  86. }
  87.  
  88. div#dolna-czesc{
  89.  
  90. }
  91.  
  92. div#stopka{
  93. height: 30px;
  94. clear: both;
  95. background-color: white;
  96. }


chodzi o to, że jesli w lewej kolumnie mam dużo treści to prawa nie przylega do stopki tylko robi się przerwa. Proszę o pomoc pozdrawiam
Helid
Pokaż jakieś demo.
tomaszszacko
moment za raz wrzucę
edit: http://e-arn.pl/demo/

ale teraz widzę, że jest gorzej niż na localu;/
Mega_88
Dla div#srodkowa-czesc zamiast "float:top" daj "float:left" sprawdzałem i działa.

p.s - nie ma chyba czegoś takiego jak: float:top
tomaszszacko
Cytat(Mega_88 @ 19.05.2013, 14:41:33 ) *
Dla div#srodkowa-czesc zamiast "float:top" daj "float:left" sprawdzałem i działa.

p.s - nie ma chyba czegoś takiego jak: float:top

działa biggrin.gif bardzo dziękuję smile.gif a mógłbyś mi na przyszłość wytłumaczyć w czym tkwił problem z tym float:top; ?

edit: a z resztą... jeszcze raz dziękuję i temat raczej do zamknięcia. pozdrawiam
Mega_88
Nie przypominam sobie żeby była taka właściwość dla float jak "top" czyli prawdopodobnie Ci to po prostu nie działało

"http://kurs.browsehappy.pl/CSS/Float"
tomaszszacko
Cytat(Mega_88 @ 19.05.2013, 14:46:15 ) *
Nie przypominam sobie żeby była taka właściwość dla float jak "top" czyli prawdopodobnie Ci to po prostu nie działało

"http://kurs.browsehappy.pl/CSS/Float"

haha no tak ok dzięki

dla top prędzej przy position:x;
top:x;
zagubiłem się ^^

edit: a pamiętam, że kiedyś już to robiłem i mnie już trafiało jak nie mogłem teraz tego rozgryść tongue.gif
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.