Die neue Webseite ist fertig, schickes Design und klassische Aufteilung (Überschrift oben, Hauptavigation links, Fusszeile unten)! Aber die Seiten mit wenig Text sehen irgendwie Sch... aus, wenn die Fusszeile mitten auf dem Bildschirm klebt.
Wie bekommt man die an den unteren Bildschirmrand ohne umständlich mit JavaScript die absoluten Höhen ermitteln und jedesmal die Fusszeile neu positionieren zu müssen? Mit CSS und „vertical-align: bottom” und „height: 100%”?
Jeder der schon einmal mit CSS versucht hat einen Container mit 100% Höhe zu formatieren, wird wissen das dies nicht immer die erwarteten und erhofften Ergebnisse bringt. Und besagtes „vertical-align” tut es auch nur bei einer absoluten Höhenangabe des umgebenden Elementes. Aber wer will sich in der Höhe schon festlegen?

Wie bekommt man nun aber die Fusszeile mit CSS an den unteren Bildschrimrand?