 [HTML][CSS]Ustawienie div'ów |
| [HTML][CSS]Ustawienie div'ów |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 10 Pomógł: 0 Dołączył: 21.07.2008 Skąd: Lublin Ostrzeżenie: (0%) 
 |
Witam wszystkich serdecznie.
Mam problem z ustawieniem div'ów na stronie gdyż jednocześnie chcę, żeby jeden z nich rozciągał się automatycznie. Oto kod : Kod div { text-align: left; } .main { margin: 0 auto; width: 900px; } .top { width: 900px; height: 242px; background: url('images/top.png'); } .middle { width: 900px; height: 354px; background: url('images/middle.png'); } .bottom { width: 900px; height: 104px; background: url('images/bottom.png'); } No a to kod w pliku index.html: [code] <div class="main"> <div class="top"></div> <div class="middle"> </div> <div class="bottom"></div> </div> Chodzi mi o to że chcę, aby div "middle" rozciągał się na stronie w zależności od ilości treści, z tym, chciałbym aby jego parametr height wynosił minimalnie 350px; nie chcę overflow:auto bo nie lubię paska przewijania. Chę natomiast, żeby ten div się rozciągał. Dodam jeszcze ze tło(obrazek) diva middle mam w rozmiarze height: 354px; ale mam też w razie co węższe, które ma 6px; i które mogłoby sie powtarzać w miare rozciągniecia diva. Jednak nie bardzo mogę sobie z tym poradzić, nie wiem, też, który obrazek byłby stosowniejszy. Próbowałem już na rózne sposoby i albo się sypał układ strony albo treśc wychodziła poza diva "middle" a on się nie rozciągał. Bardzo proszę o pomoc i góry dziękuję. |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 87 Pomógł: 13 Dołączył: 13.08.2008 Skąd: Chełmno Ostrzeżenie: (0%)
|
Znalazłem coś takiego:
Kod <html> <body> <div id="top" style="width: 900px; height: 100px; border: 1px solid #000000; margin: 5px;"></div> <div id="middle" style="width: 900px; border: 1px solid #000000; margin: 5px; min-height: 300px; height: auto !important; height: 300px;"></div> <div id="top" style="width: 900px; height: 100px; border: 1px solid #000000; margin: 5px;"></div> </body> </html> Działa w IE6, O9.5 i FF3 na 100% |
|
|
|
Kpt_Blood [HTML][CSS]Ustawienie div'ów 16.09.2008, 19:13:01 
kazag http://www.w3schools.com/CSS/pr_dim_min-height.asp... 16.09.2008, 20:04:36 WojtasSP320 Dodam tylko, że min/max-height/width nie obsl... 16.09.2008, 21:35:48 Kpt_Blood No jakby to mogło być:/ rzeczywiście IE6 nie obsłu... 17.09.2008, 09:19:57 roobik Witam!
Odświeżę temat, gdyż przy całkowitej zm... 1.09.2010, 20:21:49 
krzysztof_kf Cytat(roobik @ 1.09.2010, 21:21:49 ) ... 1.09.2010, 21:29:42  |
|
Aktualny czas: 9.10.2025 - 07:55 |
