Klaus: Problem bildschirmfüllendes Layout

Beitrag lesen

Hallo,

ich würde gerne mit CSS und div-Containern, falls möglich ohne Tabelle, folgendes Layout realisieren:

  • die Seite soll 970px breit sein und horizontal zentriert (ist mir klar und kein Problem)

  • vertikal möchte ich eine Dreierteilung haben:

*****************************************
*                                       *
* 1. Header mit der Höhe 100px    *
*                                       *
*****************************************
*                                       *
*                                       *
* 2. Content mit der Höhe 100%    *
*                                       *
*    (100% bzgl. verbleibender Höhe)    *
*                                       *
*****************************************
*                                       *
* 3. Footer mit der Höhe 20px     *
*                                       *
*****************************************

Dabei soll das Content-Fenster aber immer die gleiche Höhe haben, so dass der Footer-Container quasi als Statuszeile immer am gleichen Platz bleibt! Ist der Inhalt des Contents zu hoch für den Bildschirm, soll der Content-Container scrollbar werden.

Wer kann mir helfen?

lg Klaus