css problem s vyskou blokov

final

zdravím, zase lamim s css-kom a neviem vytvoriť 4 bloky vedľa seba, s tým, že každý by mal 25% z celej šírky a každého výška by bola rovnaká v závislosti od toho najvyššieho (ktorý je svojou výškou najdlhší)

v podsate tú šírku som spravil, cez float:left, celé to je v dive a neviem sa vymotať ako docieliť aby bloky sa dotýkali spodku (samozrejme aj vrchu) div-u, resp. aby sa chovali ako display:block s tým aby vypĺňali aj ten prázdny priestor v dive smerom na dol..

všetko samozrejme bez použitia height:? px;

ak som sa zle vyjadril tak sem hodím potom obrázok..

zatiaľ vďaka..

zupanok

je to smutné ale bez height to bude mať výšku podľa obsahu,
rôzny obsah= rôzna výška, čarovať ešte neviem, možno niekto iný

final

jj, smutné to teda je..

som hľadal cez deň, je to tiež pekný oriešok (prečo ja vždy musím naraziť na také?)..
rieši sa to väčšinou že hlavný blok v ktorom sú ďalšie bloky sa nastaví na overflow:hidden a bloky v ňom cez padding-bottom: x px; a "vyrovná" sa to cez margin-bottom -x px;

odporné riešenie, keď už si len predstavím, že na ten spodok som ešte potreboval dať kopec vecí, lenže spodok bol niekde tam dole a inak ako ďalšími xyz css hackmi pre rôzne prehliadače by som to nevyriešil..

robím to teraz cez tabuľky, tabuľkový-netabuľkový obsah, v tomto prípade myslím, že volím lepšie..

shanoy

final napísal:jj, smutné to teda je..

som hľadal cez deň, je to tiež pekný oriešok (prečo ja vždy musím naraziť na také?)..
rieši sa to väčšinou že hlavný blok v ktorom sú ďalšie bloky sa nastaví na overflow:hidden a bloky v ňom cez padding-bottom: x px; a "vyrovná" sa to cez margin-bottom -x px;

odporné riešenie, keď už si len predstavím, že na ten spodok som ešte potreboval dať kopec vecí, lenže spodok bol niekde tam dole a inak ako ďalšími xyz css hackmi pre rôzne prehliadače by som to nevyriešil..

robím to teraz cez tabuľky, tabuľkový-netabuľkový obsah, v tomto prípade myslím, že volím lepšie..

no tak vyriesit tvoj problem mozes len s pouzitim obrázka na pozadí.....ak chces vediet viac sa ozvi..podobny problem som vyriesil pred tyzdnom

XilleR

najjednoduhsie by bolo spravit tabulku so styroma stlpcami - tam mozes tiez nastavit sirku v %

alebo ked mas 4 divy vedla seba, daj im height: 100% a cele to budes mat v dive s height: 1px ...ak nepouzivas strict (co asi tazko) tak to bude fungovat

Jungle

Hmm, ja som mal podobny problem, ale len s 3-ma DIVmi... Vyriesil som to takto - funguje to s tym, ze ostatne stlpce sa vzdy prisposobia dlzkou tomu najdlhsiemu... Vdaka tomu "cleaneru"

Mozes skusit pridat 4. a mozno to bude tiez fungovat. Dufam ze pomoze

#body {
width: 820px;
margin: 0px;
}

#left {
width: 155px;
float: left;
}

#content {
width: 475px;
margin-left: 155px;
margin-right: 190px;
}

#right {
width: 190px;
float: right;
}

#cleaner {
clear:both;
height: 0px;
border:none;
margin:0;
padding:0;
}

<div id="body">
<div id="left">
</div>
<div id="right">
</div>
<div id="content">
</div>
<div id="cleaner">  
</div>
</div>

final

shanoy: s tým pozadim som to uz videl

Xiller: s tou tabuľkou som to aj spravil.. akože ono to neni celý layout stránky, to je len v obsahovej časti taká menšia časť, možno by sa to dalo aj nazvať tabuľkový obsah, ale neviem no.. inak je to strict..

môžeš mi pls ukázať ako to s tým height:100% funguje? ja som to pochopil, ale akosi to nejde..

a, whisper, asi si ma nepochopil dobre, lebo tamto riešiš zrejme len tie šírky..

XilleR

neviem mozno keby si poslal cely kod tak by som ti pomohol ...toto som natukal za minutku a zda sa ze mne to ide

http://xiller.norunof.sk/test.html

...alebo napis na icq

final

takto som to myslel, ale v tabuľkách to viem, len neviem ako s tými divmy si to robil, keď Ti to išlo..

XilleR

hh no skusil som, ale funguje to iba pri Transitional a aj to len v IE ...tak doporucujem tu tabulku ...a preco si to nechcel cez tabulku? je to najjednoduhsie

Jungle

nie, myslel som vysku, ktora sa automaticky prisposobuje tomu DIVu, ktory ma najdlhsi obsah... a ide to pod Operou aj Firefoxom