 [HTML][CSS]Ustawienie div'ów |
  |
| [HTML][CSS]Ustawienie div'ów |
 16.09.2008, 19:13:01
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ę. |
 |
 
|
|
16.09.2008, 20:04:36
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 180 Pomógł: 12 Dołączył: 30.04.2007 Ostrzeżenie: (0%)
|
-------------------- |
|
|
|
|
16.09.2008, 21:35:48
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 87 Pomógł: 13 Dołączył: 13.08.2008 Skąd: Chełmno Ostrzeżenie: (0%)
|
Dodam tylko, że min/max-height/width nie obsluguje IE (na pewno 6 nie pamiętam jak wyższe).
A tak. Żeby webmasterom nie było za prosto. Ja bym spróbował tak: Daj divowi middle id np: id="middle" a w head zrób: Kod <script type="text/javascript"> function min-height() { minimalna_wysokość = xx; mid = document.getElementById('middle').style.width; if (mid < minimalna_wysokość) {document.getElementById('middle').style.width = minimalna_wysokość;} } </script> a potem gdzieś wywołaj min-height(); powinno działać, ale nie sprawdzałem... Ten post edytował WojtasSP320 16.09.2008, 21:51:58 |
|
|
|
|
17.09.2008, 09:19:57
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 10 Pomógł: 0 Dołączył: 21.07.2008 Skąd: Lublin Ostrzeżenie: (0%)
|
No jakby to mogło być:/ rzeczywiście IE6 nie obsługuję tego, więc odpada, ale dzieki.
Wojtas Twoje rozwiązanie nie chce działać:( chociaż wydaję się sensowne. Hm a da się ustawić dwa równoległe divy koło siebie? Nię używająć position i ustawiania przy pomocy left, top itd. oraz nie używając flloat: left, right itd? Chyba że ma ktoś jeszcze jakiś pomysł na to, aby ten div się rozciągał? |
|
|
|
|
17.09.2008, 23:43:56
Post
#5
|
|
|
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% |
|
|
|
|
1.09.2010, 20:21:49
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 410 Pomógł: 5 Dołączył: 25.01.2005 Skąd: Wrocław Ostrzeżenie: (0%)
|
Witam!
Odświeżę temat, gdyż przy całkowitej zmianie layout'u ("przesiadka" z tabel na div'y) nieco się przyblokowałem. Chcę ustawić trzy div'y obok siebie.  Uploaded with ImageShack.us Próbowałem ustawić wszystko na absolute - nic. Próbowałem też z-index - nic... Pomóżcie pliss.... Ten post edytował roobik 1.09.2010, 20:22:15 |
|
|
|
|
1.09.2010, 21:29:42
Post
#7
|
|
 Grupa: Zarejestrowani Postów: 1 135 Pomógł: 158 Dołączył: 19.03.2009 Skąd: Toruń Ostrzeżenie: (0%)
|
Cytat(roobik @ 1.09.2010, 21:21:49 )  Witam! Odświeżę temat, gdyż przy całkowitej zmianie layout'u ("przesiadka" z tabel na div'y) nieco się przyblokowałem. Chcę ustawić trzy div'y obok siebie. Uploaded with ImageShack.us Próbowałem ustawić wszystko na absolute - nic. Próbowałem też z-index - nic... Pomóżcie pliss.... Stwórz trzy selektory o szerokości jakiej chcesz dodaj do nich atrybut float: left; |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 12.06.2025 - 21:38 |
