Zerknijcie na ponizszy kod:
Kod
<style type="text/css">
#team_page_body {
width: 464px;
position: relative;
margin: 15px 5px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#team_page_body_left {
position: absolute;
width: 272px;
height: 100%;
text-align: left;
background-color: #ccc;
top: 0px;
left: 0px;
}
#team_page_body_right {
position: absolute;
width: 192px;
height: 100%;
background-color: #ff0;
top: 0px;
left: 272px;
}
</style>
<div style="text-align: center;">
<div id="team_page_body">
<div id="team_page_body_left">
Tu jakies informacje
</div>
<div id="team_page_body_right">
Tu jakies inne informacje
</div>
</div>
</div>
#team_page_body {
width: 464px;
position: relative;
margin: 15px 5px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#team_page_body_left {
position: absolute;
width: 272px;
height: 100%;
text-align: left;
background-color: #ccc;
top: 0px;
left: 0px;
}
#team_page_body_right {
position: absolute;
width: 192px;
height: 100%;
background-color: #ff0;
top: 0px;
left: 272px;
}
</style>
<div style="text-align: center;">
<div id="team_page_body">
<div id="team_page_body_left">
Tu jakies informacje
</div>
<div id="team_page_body_right">
Tu jakies inne informacje
</div>
</div>
</div>
Chcialbym, aby rozmiar "glownego" DIVa, czyli "team_page_body" dostosowywal sie automatycznie do rozmiarow DIVow zagniezdzonych. Konkretnie chodzi o to, zeby dolna obramowka (border), byla na dole, co w powyzszym przykladzie sie nie dzieje, poniewaz i border-bottom i border-top wyswietlane sa na gorze.
Jesli dodamy do definicji stylu DIV#team_page_body okreslenie wysokosci tego DIVa (np. height: 200px;), wtedy obramowki wyswietla sie tak, jak powinny, czyli gorna na gorze, dolna na dole, a wysokosci DIVow zagniezdzonych zostana automatycznie dopasowane.
Nie wiem, jakiej wysokosci ma byc ten DIV, chce aby wysokosc glownego dopasowywala sie do wysokosci najwyzszego z podrzednych. Czy ktos jest w stanie mi pomoc?