Forum Doku Wiki Blog

Forumsarchiv 2009, Mai
3 Div-Container, 2 Höhen Variabel

archivierte Beiträge lesen

  1. (CSS) 3 Div-Container, 2 Höhen Variabel von Metusalem, 28. 05. 2009, 18:54

3 Div-Container, 2 Höhen Variabel

Der folgende Beitrag wurde am 28. 05. 2009, 18:54 Uhr von Metusalem veröffentlicht.

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

3 Div-Container, 2 Höhen Variabel

Der folgende Beitrag wurde am 28. 05. 2009, 20:33 Uhr von Beat veröffentlicht.

> 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

3 Div-Container, 2 Höhen Variabel

Der folgende Beitrag wurde am 29. 05. 2009, 10:41 Uhr von twiadpaws veröffentlicht.

> »» 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.

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4