Zwei Div-Layer in der Höhe anpassen

[Marc Nilius]

Hallo!

Nachdem ich bisher meine Layouts immer mit Tabellen & CSS gemacht habe, habe ich mich jetzt mal dazu durchgerungen, das Ganze komplett auf Div-Layer und CSS umzustellen.

Dabei habe ich nur ein Problem: Ich habe zwei Div-Layer nebeneinander liegen (quasi zwei Spalten). Links eín Menu, rechts der Hauptinhalt. Das Problem liegt jetzt darin, dass das Menu in der linken "Spalte" eine andere Hintergrundfarbe hat als der Hauptteil. Es fuellt aber nicht die komplette linke Spalte aus. Nach dem Menu wird der Rest der Spalte mit der Farbe aufgefuellt, die schon der Hauptteil hat.

<div id="mainlayer">
   <div id="menu"> ... </div>
   <div id="rest_linke_spalte"> ... </div>
   <div id="contentlayer">
    ...
   </div>
</div>

Wie kann ich es nun schaffen, dass "rest_der_linken_spalte" gerade genau so lang/hoch wird, dass der Layer mit dem linken Layer (contentlayer) abschliesst? Dieser wird mit Inhalt gefuellt und hat eine Variable Hoehe, je nachdem wieviel Inhalt drin ist...

Zur Veranschaulichung: siehe Link. Der obere (blaue) Teil interessiert fuer diese Betrachtung nicht, es geht um den Teil darunter...

Vielen Dank schonmal.

Gruss,
Marc