Metusalem: 3 Div-Container, 2 Höhen Variabel

Beitrag lesen

hallo miteinander,
ich suche nun schon sehr lange, finde aber leider keine beiträge oder inhalte, die auf mein problem exakt zutreffen. durch probieren konnte ich bis jetzt nichts erreichen.

ich habe einen div container, der horizontal zentriert ist:
<div id="Layer3" style="position:absolute; z-index:3; width:950px; left:50%; margin-left:-475px; height:100%; background-color:#FFFFFF; background-image:url(grafik/background.gif); layer-background-image:url(grafik/background.gif);"></div>

innerhalb dieses divs benötige ich 3 weitere divs mit jeweils width:100% untereinander, von denen nur der mittlere die fixe höhe 500px hat. die divs darüber und darunter sollen die verbleibende höhe 50/50 teilen, sodass der mittlere ebenfalls zentriert wird.

kann mir jemand helfen?
besten dank