nicht angemeldet
hi,
Also wenn wenig Inhalt ist soll der Footer vom unteren Rand des Inhaltsbereiches bis zum unteren Browserrand reichen (da soll ein höheres Hindergrundbild rein...).
Wenn der Inhalt mehr wird (sodaß gescrollt werden muß) soll er am Ende der Seite liegen und eine bestimmte Höhe haben.
Du willst also einen Footer, der
- immer unterhalb des Inhaltes anfängt, und
- entweder bis zum unteren Viewportende geht (bei kurzem Inhalt), oder eine Mindesthöhe hat (bei Inhalt + Footermindestgröße > Viewport).
Dazu müsstest du m.E. deinen Seiteninhalt in einen Div-Container legen, der eine Mindestgröße von 100% hat. Dieser bekommt dann ein unten positioniertes, nicht gekacheltes Hintergrundbild verpasst. Die Mindest"höhe" dieses Footers könnte über ein entsprechendes padding-bottom des (letzten Bestandteils des) Inhaltes realisiert werden.
Allerdings wird damit immer der untere Teil des Hintergrundbildes zu sehen sein, und bei Vergrößerung des Footers nach oben entsprechend mehr vom oberen Teil. Wenn das nicht der beabsichtigte optische Effekt ist, fällt mir spontan keine reine CSS-Lösung ein, dann müsste man vermutlich zusätzlich Javascript bemühen, um das Hintergrundbild dynamisch passend zu positionieren.
gruß,
wahsaga
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }