[CSS] Rozmieszczenie divów

[CSS] Rozmieszczenie divów, Odświażam mój problem, znowu go mam...

pavobe Zobacz profil	5.10.2007, 16:18:43 Post #1
Grupa: Zarejestrowani Postów: 21 Pomógł: 0 Dołączył: 25.09.2007 Skąd: Poznań Ostrzeżenie: (0%)	Chodzi o rozciągnięcie strony tak, aby stopka była na samym dole, a jeżeli potrzeba - obniżała się. Próbowałem dać wszystko do jednego diva, ustawić mu 100% wysokości i stopke wyrównać do dołu, ale efekt jest taki. Stopka jest, ale akurat tak, że cała jest ukryta. Co mam zrobić ? (Te kolorki, to tylko po to, żebym "widział" divy) Kody źródłowe: Index.html (później .php) Kod <html> <head> <link rel="Stylesheet" type="text/css" href="default.css" /> <title>PHP Site</title> </head> <body> <div id="site"> <div id="header"> </div> <div id="search"> </div> <div id="main"> <div id="sidebar"> Sidebar is here ! Sidebar is here ! Sidebar is here ! Sidebar is here ! Sidebar is here ! Sidebar is here ! Sidebar is here ! Sidebar is here ! Sidebar is here ! </div> <div id="content"> Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! Content is here! </div> </div> </div> <div id="footer">Footer is here ! Footer is here ! Footer is here ! Footer is here ! Footer is here ! Footer is here !</div> </body> </html> default.css (ciągle w trakcie modyfikacji (IMG:http://forum.php.pl/style_emoticons/default/haha.gif) ) Kod body { margin: 0px; padding: 0px; background-image: url(images/header_bg.jpg); background-repeat: repeat-x; } div { margin: 0px; padding: 0px; } img { border-style: none; } #site { height: 100%; width: 900px; margin: auto; padding: 0px; } #header { height: 136px; background-color: red; } #search { height: 67px; background-color: green; } #content { margin-right: 250px; background-color: black; } #sidebar { width: 250px; float: right; background-color: red; } #footer { height: 58px; clear: both; vertical-align: bottom; background-image: url(images/footer_bg.jpg); background-repeat: repeat-x; }