MozillaPL.org - polskie centrum Mozilli

autor: **cygiq** » 19 lipca 2006, 15:38

czesc
mam taka strukture:

Kod: Zaznacz cały: <div id="calosc"> <div id="lewa_bottom"> </div> <div id="prawa_bottom"> </div> </div>

chcialbym aby div lewy i prawy niezaleznie od tego ile jest w nich tresci on bottom. problem w tym ze moge ustawic na jednym z nich on bottom ale jezeli w drugim jest wiecej tresci to ucina mi pierwszego.
niewiem ile tresci bedzie w ktorym divie bo strona jest dynamiczna.
juz chwile kombinuje i nic mi z tego niewychodzi.

oczywiscie na tabelce by wygladalo to tak:

Kod: Zaznacz cały: <table> <tr> <td valign="bottom"> </td> <td valign="bottom"> </td> </tr> </table>

ale chcialbym to samo osiagnac na div.

moze ktos ma jakis pomysl ?

autor: **Staszek27** » 19 lipca 2006, 18:11

Chyba jednak nie o to chodziło...

autor: **riddle** » 19 lipca 2006, 18:22

Kod: Zaznacz cały: <div id="calosc"> <div id="lewa_bottom"> <div class="bottom"> </div> </div> <div id="prawa_bottom"> <div class="bottom"> </div> </div> </div> #lewa_bottom, #prawa_bottom { position: relative; _zoom: 1; /* dla pewnosci dla IE6 */ } div.bottom { position: absolute; bottom: 0; left: 0; }

autor: **cygiq** » 19 lipca 2006, 21:27

niestety niedziala
tez myslalem o takim kodzie ale przegladarka dziwnie to intepretuje.

autor: **riddle** » 19 lipca 2006, 21:36

Wyłącz myślenie tabelkowe a zadziała. Na przykład pomyśl co z wysokością tych divów.

autor: **cygiq** » 20 lipca 2006, 00:52

wlasnie problem w tym ze one uciekaja do gory.
niemoge nadac im stalej wysokosci bo niewiem jakie beda.
ten css od Ciebie niedziala u mnie w zadnej przegladarce.
kombuinuje na inne sposoby ale niewychodzi.

autor: **cygid** » 22 lipca 2006, 19:21

udalo mi sie rozwiazac problem ale inaczej niz bylo tu podane.
html:

Kod: Zaznacz cały: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <div id="menulinecalosc"> <div class="szer380" id="menulineleft"> lewa </div> <div class="szer180" id="menulineright"> prawa </div> </div>

style:

Kod: Zaznacz cały: .szer180 { width: 180px;} .szer380 { width: 380px;} #menulinecalosc { /*\*/ display: table; /**/ width: 560px; margin: 0px; padding: 0px; overflow: hidden; } #menulineleft , #menulineright { display: table-cell; vertical-align: bottom; margin: 0px; padding: 0px; } #menulineleft, #menulineright { _height: 0; _he\ight: auto; _zoom: 1; _display: inline; } #menulinecalosc { _overflow: visible; _height: 0; }

wszystkie style zaczynajace sie od _ sa tylko dla explorera

wszystko chodzi w chyba kazdej przegladarce.
sprawdzilem stare i nowe explorery ,mozila firefox ,mozilla, opera.
mam tlyko jeden problem.
W mozill gdy w div o id=menulineleft wstawie javascript ktory robi document.write to mi sie wszystko rozjezdza.
on jakby na wszelki wypadek aby sie zmiescilo robi te divy block.
ma ktos jakis pomysl ?
tak dzieje sie tlyko w mozili w firefox juz nie.

MozillaPL.org - polskie centrum Mozilli

Główne menu:

[CSS] 2 divy, oba bottom

[CSS] 2 divy, oba bottom

Kto jest online

Nawigacja:

Stopka: