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

[Xardas der Dunkle]

Hast du es schon mit: position: fixed; versucht?

Code:

div#footer{
    background-color: #4FE840;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 20px;
}

body {
    margin-bottom: 20px;
}

[desiderium]

Ich denke Xardas hat das Problem gelöst,
kann mir dein Stylesheet grad nicht angucken, aber ich könnte spekulieren das du deine Footer-Box mit position: absolute; positioniert hast.

Nur damit du weißt warum das so passiert, wie's bei dir passiert: ein mit absolute positioniertes Objekt, wird immer an dieser Position bleiben an der es steht. mitscrollen oder ähnliches tut's dann nicht. (Meiner Erfahrung nach, ich bin auch erst seit 2 Jahren beim Webdesign dabei, bitte Xardas schlag mich nicht. xD)

[YoshiGreen]

Ok, fixed hat leider auf der Hauptseite nicht funktioniert.

Durch eine Empfehlung kam ich nun an diese Lösung: http://ryanfait.com/sticky-footer/
Ich bin zwar kein Freund von wrapper-divs und vor allem stört mich die Tatsache, dass die Footerhöhe fix im CSS drin stehen muss (height von push und footer bzw. margin-bottom vom wrapper) aber dafür funktioniert es so wie ich es mir vorgestellt habe.