[css] Zagniezdzone DIVy Opcje

[sivyer]

Witam,

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>

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?

[kicaj]

w #team_page_body dopisz `height`i ustaw na 100%