wahsaga: Footer für den Rest des Browser-Fensters

Beitrag lesen

hi,

Das ist das Problem: das Hintergrundbild soll "von oben nach unten" sichtbar sein.

Tja, dann würde ich wohl doch Javascript zu Hilfe nehmen.

Den Footer einfach unter dem Content platziert, Höhe gleich Gesamthöhe des Hintergrundbildes. Besucher ohne JS sehen das Bild dann halt in voller Größe, und durch den hohen Footer haben sie ggf. auch auf einer Seite mit wenig Inhalt noch einen Scrollbalken.

Per JS nun die Höhe des Viewports [1] und des Inhaltsbereiches (.offsetHeight des Inhaltscontainers) ermitteln. Wenn die Differenz der beiden größer als die gewünschte Mindesthöhe für den Footer ist, dem Footer diese Differenz als Höhe zuweisen (.style.height), ansonsten die Mindesthöhe.

gruß,
wahsaga

[1] http://www.quirksmode.org/viewport/compatibility.html

--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }