Herder: Div-Höhe soll sich Browserfenstergröße anpassen

Beitrag lesen

Hallo alle,

im Prinzip habe ich folgende simple Div-Verschachtelung:

<div id="wrapper">
  <div id="header"></div>
  <div id="navi"></div>
  <div id="inhalt"></div>
</div>

Dabei hat der Navi-Div die float:left-Eigenschaft, d. h. Der Inhalt-Div wird rechts davon angezeigt.

Ich möchte nun, dass diese beiden Divs immer mindestens so hoch sind, wie die aktuelle Browserfenstergröße. Wenn mehr Inhalt im Inhalt-Div sein sollte, soll das Navi-Div immer automatisch mit dem unteren Browserfensterrand mitwandern, also quasi an ihm kleben.

Ist das mit CSS irgendwie (wenn möglich sogar noch browserübergreifend) möglich?

Danke im Voraus und Grüße,
Herder