DIV komplette Höhe einnehmen ohne 100%

[spex]

Hi,

ich hab vor mittels vier DIV-Elementen einen Seperator bzw eine Art <hr> "Seperator" zu basteln.

Im Anhang findet ihr das Bild (sample.png) auf das ich mich hier beziehe!

• Das schwarze DIV-Element hat eine Variable Höhe.
• Die beiden roten DIV-Elemente haben eine fixe Höhe von sagen wir "75px"
• Das grüne Element hat wiederum eine variable Länge.

Um es besser zu veranschaulichen hab ich noch das Bild (seperator.png) angehangen was es vielleicht vereinfacht sich vorzustellen wie es letztendlich aussehen soll.

Hat jemand eine Idee wie ich mittels CSS das grüne DIV immer automatisch an die Höhe des schwarzen Elementes anpassen kann OHNE dabei "height:100%" zu verwenden da die Höhen der beiden roten Elemente ja sonst auf die 100% draufgerechnet werden und dann passts nichtsmehr .

MfG Marcel

 

[Sven Mintel]

Moin,

vielleicht hilft dir ja das weiter:?
http://www.cssplay.co.uk/layouts/bodyfix.html