css footer (aka auf den Boden du dreckiges Stück!)

[YoshiGreen]

Moin,

ich bastel gerade an einem Footer via CSS und das Mistding zuckt leider immer noch rum. Bislang hab ich es schonmal auf den Boden werfen können:Bild II. Zwischen dem Inhalt (gelb) und dem Footer bleibt Platz - sehr schön.

Der Horror beginnt, wenn man im Browser reinzoomt (ctrl + bei FF und Chrome).
Bild III
Der gelbe Inhalt verschwindet hinter dem Footer. Gut zu sehen, am Scrollbalken der sich in Bild III ganz oben befindet.

Und wer jetzt noch nicht Brechreiz bekommen hat, kann etwas runterscrollen und sieht dann diesen Albtraum: Bild IV (Achtung, nur für starke Nerven!)

Die Tutorials die ich im Internet finde, sind entweder ziemlich kompliziert, so dass mir da einige Zweifel an der Wirksamkeit aufkommen. Oder sie haben Probleme, wenn der Inhalt der Seite zu klein ist und keinen Scrollbalken erzeugt. Dann klebt der Footer direkt am Inhalt dran, finde ich persönlich doch etwas unschön.

Ich habe mal ein mmb drangehängt (default.css erzeugt den Fehler beim zoomen und default1.css rutscht nach oben). Würde mich freuen, wenn mir jemand zeigen kann wie man das Ding da unten fixiert bekommt.