 [CSS] Rozmieszczenie divów, Odświażam mój problem, znowu go mam... |
  |
| [CSS] Rozmieszczenie divów, Odświażam mój problem, znowu go mam... |
  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  )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; } -------------------- pavobe.pl - pavobe's weblog
WPMedia.pl - blog o WordPress |
 |
 
|
|
6.10.2007, 08:33:24
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 426 Pomógł: 32 Dołączył: 24.05.2007 Ostrzeżenie: (0%)
|
użyj position:relative i position:absolute , np
pisane z palca sprawdz czy dziala Ten post edytował deirathe 6.10.2007, 08:33:53 -------------------- |
|
|
|
|
6.10.2007, 08:43:50
Post
#3
|
|
 Grupa: Zarejestrowani Postów: 345 Pomógł: 3 Dołączył: 20.02.2005 Ostrzeżenie: (0%)
|
Było na forum już :
http://www.xs4all.nl/~peterned/examples/csslayout1.html |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 4.07.2025 - 23:53 |
