Ich löse dieses Problem wie auf alistapart.com mit ein wenig Scripting:
Das HTML besteht aus drei Block-Level-Elementen, Kopfzeile, Inhalt und Fußzeile. Das CSS setzt zur Vereinfachung padding/border/margin der Elemente (inkl. Body) auf 0. Ausserdem wird das Element, das den Inhalt beherbergt, auf „overflow:auto“ gesetzt. Sonst benötigt man nichts, keine Hacks oder ähnliches.

Per Javascript wird einmalig nach dem Laden der Seite (window.onload) und nach jedem Resize (window.onresize) des Fensters der Platz berechnet, der für den Inhalt nach Abzug von Kopf- und Fußzeile übrig bleibt und dem Inhalt zugewiesen.

Auf diese Weise ist die Fußzeile immer zu sehen.

Genau das möchten wir doch nicht!?.. Ganz zu Beginn des Artikels:
„Früher … Als man noch Tabellen benutzte..“
–>??
Superidee! Bei mir stellt sich nun jedoch das Problem, dass ich nur den obersten div-Block auf die gesamte Höhe bringe. Bei einem dahinein „gewrappten“ div Block funktioniert das nicht mehr…
Das Problem stellt sich so:

[div id=“totalwrapper“]
[div id=“mainwrapper“]
[div id=“header“] [/div]
[div id=“maincontent“]Blabla
[/div]
[div id=“footer“][/div]
[/div]
[/div]
–>

Wenn ich nun für div#totalwrapper ein kachelndes Hintergrundbild angebe und ein anderes kachelndes Hintergrundbild für div#mainwrapper, so funktioniert das mit der 100% Höhe nur für den totalwrapper, jedoch nicht für den mainwrapper.
Trotzdem hilfreich!

Das der Quellcode von einem CMS generiert wird hab ich da leider wenig einfluss drauf, die div´s sind folgendermaßen aufgebaut

[wrapper]
[header]
[/header]
[navigation]
[/navigation]
[content]
[/content]
[footer]
[/footer]
[/wrapper]

Danke und Grüße
Mark

Ich danke trotzdem für die Anleitung! Mfg Uehsi

Ãœbrigens, gibt man dem umfassenden Div ein border-bottom, wandert der Footer im Opera zumindest mit nach unten. Allerdings zum Preis einer ständig vorhandenen 1px-Scrollleiste…

1. Hatte ich garnich an den Artikel vom blauen Mann, und seine Existenz gedacht *g*

2. »footerStick example with long content (buggy)« — Sieht zwar semantischer aus als meins, dafür aber buggy. Ganz Fehlerfrei ist meins zwar auch nicht, wenn man mal hier im Weblog die Live-Vorschau anschaut, aber im großen und ganzen ists frei skalierbar.

3. Hatte bisher keinen vernünftigen deutschen Artikel gefunden bei dem das Thema behandelt wird. Und wegen Webkrauts und so dacht ich mir … ;) Nee, da die Frage letztens (mal wieder) im xhtmlforum auftauchte wie man’s macht, dachte ich mir, haste Zeit, schreibste einen.