nicht angemeldet
3 Div-Container, 2 Höhen Variabel
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
-
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.
Ohne Javascript kannst du diese Gleichung nicht lösen. CSS gibt dir das Rüstzeug dazu (noch) nicht.
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische-
»» 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.
Ohne Javascript kannst du diese Gleichung nicht lösen. CSS gibt dir das Rüstzeug dazu (noch) nicht.
mfg Beat
Was mir kurz dazu einfällt ist folgendes.
In diesem Div erstellst du eine Tabelle. Diese teilst du in drei Zeilen ein. Die mittlere mit fixer höhe. Die Tabelle selber hat die Höhe x. In diesen kannst du nun (wenn noch nötig) deine Divs erstellen.
-