Pełna wersja: problem z height diva
Jest jakis sposob zeby rozciagnac diva znajdujacego sie w innym divie na 100% wysokosci swojego parenta gdy parent ma height ustawiony na auto?
Nie wiem ale mogę postrzelać, kilka możliwości:
1. height:100%
2. margin-top:0px; i margin-bottom:0px;
3. Js
1. height:100%
2. margin-top:0px; i margin-bottom:0px;
3. Js
1.nie
2.nie
3.pewnie sie tak da i pewnie jezeli inaczej nie mozna to zrobie to w js ale mimo wszystko ciezko mi uwierzyc ze tak prostej rzeczy nei mozna zrobic uzywajac css
2.nie
3.pewnie sie tak da i pewnie jezeli inaczej nie mozna to zrobie to w js ale mimo wszystko ciezko mi uwierzyc ze tak prostej rzeczy nei mozna zrobic uzywajac css
Jeżeli DIV nadrzędny jest absolutny to będzie lipa chyba, że określisz jego wysokość. Jednak jeżeli jest relative to height: 100% będzie działać. Problemy będą w IE.
A jaki jest powód, że chcesz w jednym divie mieć drugoego wysokości 100%? Może to się da zrealizować inaczej?
Cytat(ayeo @ 8.08.2008, 07:33:47 ) 
Jednak jeżeli jest relative to height: 100% będzie działać.
nie bedzie.
no chociazby po to zeby ustawic lewostronny gradient w sensie
| root |
|gradient| <- content ->
gdy content rosnie chcialbym zeby gradient sie rozciagal wraz znim w dol.
w zalezonosci od tego jak duzy jest content odpowiednio
wpadlem na jedno rozwiazanie ale nie podoba mi sie ono bo rozwiazuje tylko ten konkretnie problem a nie rozciaganie divow na wysokosc parenta.
mianowicie mozna ustawic jako background roota ten gradient na reapeat-y lewostronny. niemniej problem sie robi jak chcesz meic obustronny gradient np.
Szczerze mówiąc ciągle nie wiem co chcesz osiągnąć. Trudno 
to moze jakis prosty kod
html:
<body>
<div id="root">
<div id="left">
</div>
<div id="center">
{dynamiczny content}
<br><BR><BR><BR><BR><BR>
</div>
</div>
</body>
css
#root {
position:relative;
height:100%;
}
#left {
width:40px;
background-image: url(jakis_obrazek.jpg);
background-repeat:repeat-y;
height:100%;
float:left;
}
#content {
}
chce zeby lewy div rozciagal sie w zalezonsoci od tego jaki dlugi bedzie content.
html:
<body>
<div id="root">
<div id="left">
</div>
<div id="center">
{dynamiczny content}
<br><BR><BR><BR><BR><BR>
</div>
</div>
</body>
css
#root {
position:relative;
height:100%;
}
#left {
width:40px;
background-image: url(jakis_obrazek.jpg);
background-repeat:repeat-y;
height:100%;
float:left;
}
#content {
}
chce zeby lewy div rozciagal sie w zalezonsoci od tego jaki dlugi bedzie content.
NO i teraz wiadomo czego szukasz. Polecam na początek: Równe kolumny layoutu oraz: Błędne założenia podczas projektowania kolumn w CSS,
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.