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

SELF-Forum

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

Herder
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Div-Höhe soll sich Browserfenstergröße anpassen

    Inita_ Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hoi,

    ja, esi ist moeglich.

    beispiel 1:
    sticky footer, height 100%

    http://gut.lv/beispiel/stickself.html

    beispiel 2:
    beide divs - sidebar, content gehen zusammen nach unten

    http://gut.lv/beispiel/3divs.html

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln