Relative Höhe eines Elementes

[ds2k5]

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!

[Siechfred]

So soll es ungefähr aussehen:

Meinst Du es so, wie in meinem Beispiel: http://test.anaboe.net/dreizeilen.html?

Siechfred

[ds2k5]

So soll es ungefähr aussehen:

Meinst Du es so, wie in meinem Beispiel: http://test.anaboe.net/dreizeilen.html?

Siechfred

Ja dürfte aufs gleiche hinauskommen, könntest du beschreiben wie man es so hinbekommt ?

Danke

[ds2k5]

So soll es ungefähr aussehen:

Meinst Du es so, wie in meinem Beispiel: http://test.anaboe.net/dreizeilen.html?

Siechfred

Ja dürfte aufs gleiche hinauskommen, könntest du beschreiben wie man es so hinbekommt ?

Danke

also ich habe mir den code angeschaut und es auch mit position: absolute; versucht allerdings hilft es mir auch nicht ganz weiter da sich die absolute position am body ausrichtet, dann wird dieser auch von oben bis unten "gefüllt" wie in deinem beispiel, ich will das gleiche nur soll es sich an einem Div Element orientieren, heißt: die 3vertikal angeordneten divs sollen einen anderen Div ausfüllen der sie umschließt