Footer will einfach nicht so wie ich !

[cobrastyle]

Hy Leutz ,

Nun ich habe ein Problem mit meinem Footer :(

Hier mal die CSS:

#foot {
    background: url("images/foot.png") repeat-y scroll center top #033955;
    border-top: 2px solid #2D75C4;
    color: #084564;
    font-size: 12px;
    min-height: 35px;
    padding: 15px 0;
    text-shadow: 0 1px 1px #2F86CF;
position: absolute;
bottom: 0;
width: 100%;
line-height: 1.5em;
text-align: center;
}

Nunja, der Footer wird angezeigt , auf der Startseite auch richtig !
Aber auf den anderen seiten nicht !
Dazu mal 2 Screenshots .




Was will ich ?
Nun der Footer sollte immer ganz unten sein (am bilschirm bzw. der seite) und sollte zum letzten inhalt der seite einen abstand von 20px haben !
Jemand ne idee?

 

[Asterixus]

position: absolute; ist relativ zur Seitenhöhe, nicht zur Fensterhöhe.
position: fixed; ist das, was du suchst. Funktioniert aber im IE erst seit IE 7 oder 8.
Oder komplett drauf verzichten und den Footer nur mit einem festen Abstand zum Content setzen.

Bei der Content-Box dann margin-bottom benutzen (Höhe Footer + 20)px.

 

[NetAktiv]

Genau das wurde hier im Forum vor ein paar Tagen nachgefragt und meines Erachtens auch so gelöst wie du es willst. http://www.html.de/css/39569-frage-zu-div-aufbau-3-zeilig-kopf-fest-inhalt-fuss-abhaengig.html