Harlekin: min-height in verschachtelten divs

Heya

Ich versuche mir gerade anzugewöhnen meine Seiten nicht mehr per table sondern mit divs zu formatieren.
Dabei habe ich gerade folgendes Problem: Ich habe ein 3-spaltiges Layout - links und rechts Grafiken als Ränder und in der Mitte den Inhalt. Der div mit dem Inhalt soll dann die Höhe der ganzen Seite bestimmen. Das habe ich jetzt so gebaut, dass ich ein div habe mit dem linken Rand, darin eins mit dem rechten Rand und darin nochmal eins mit dem Inhalt. Das funktioniert soweit auch einwandfrei.
Mein Problem besteht jetzt darin, dass der div mit dem Inhalt mindestens 100% des Browserfensters hoch sein soll.
Setz ich jetzt für alle 3 divs min-height:100%;, wird das nur für das erste div interpretiert. Setz ich für die 2 äußeren divs height:100%; und für das div mit dem Inhalt min-height:100%;, gibt es Probleme wenn der Inhalt größer als das Browserfenster wird.

Hab jetzt keine Ideen mehr wie ich das noch realisieren kann - wäre für einen kleinen Tipp sehr dankbar. Oder gibt es eine Möglichkeit das ganze eleganter zu bauen?

Html Seite
CSS Datei

  1. Heya

    hab es jetzt so gelöst, dass ich dem Hintergrund den linken Rand als Hintergrund zuweise und nur noch ein div habe mit dem rechten Rand als Hintergrund