nicht angemeldet
hallo,
ich habe ein problem bei der durchsetzung des folgenden: ich habe 3 div elemente die vertikal angeordnet sind, das oberste und das unterste Element haben eine feste Höhe, das in der Mitte soll sich aber nach der höhe des Div Elements richten welches die 3div's beinhaltet, d.h.:
höhe = "höhe des container-elements" - "höhe des oberen divs" - "höhe des unteren divs"
So soll es ungefähr aussehen:
+++++++++++++++++++++
+ ________________ +
- | |+
- | Feste |+ <<< oberes Div Element
- | Höhe |+
- |________________|+
+ ________________ + - | |+
- | Relative |+
- | Höhe |+ <<< mittleres Div Element
- | |+
- | |+
- | |+
- | |+
- |________________|+
+ ________________ + - | |+
- | Feste |+ <<< unteres Div Element
- | Höhe |+
- |________________|+
+++++++++++++++++++++
So sieht es im Moment aus:
+++++++++++++++++++++
+ ________________ +
- | |+
- | Feste |+
- | Höhe |+
- |________________|+
+ ________________ +
+ ________________ + - | |+
- | Feste |+
- | Höhe |+
- |________________|+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+++++++++++++++++++++
das container-element hat eine feste höhe, da ich das ganze aber mehrmals in meiner seite mit verschiedenen höhen benutzen will, will ich dass sich die elemente im inneren automatisch anpassen und ich nicht nochmal für alle elemente die höhe ausrechnen muss wenn ich es mit einer anderen höhe kopiere
oder ganz einfach gesagt: ich will nur die höhe des containers verändern müssen wenn ich es kopiere
(wie) könnte man sowas am besten lösen ? ich könnte es mit JS machen aber ich hoffe dass es auch eine CSS Lösung gibt
Danke für die Hilfe!