✔ Wie den Footer immer unten anzeigen lassen in Webseite?

Status
Nicht offen für weitere Antworten.
stefanstp

stefanstp

Mitglied
Ich habe auf http://www.polizei-weblog.de/polizeiberuf.html einen Footer, der soll unten angezeigt werden, das macht der aber nur im ie 7.0 und firefox. Aber nicht im ie 6.0. Wie kann ich es trotzdem schaffen. Am liebsten wäre mir sogar, das der Footer nur unten angezeigt wird, wenn man am Ende der Seite ist jedoch, wenn die Seite nur 1/2 Seite füllt, auch ganz unten angezeigt wird, und nicht in der Mitte schwebt.

Bitte um Hilfe

Danke

Stefan
 
Hi,

versuch es mal mit einem übergeordneten DIV #wrapper, in das du das bestehende Layout einbindest:

Code: 
<body>
    <div id="wrapper">
        <-- Hier folgt der Bestand -->
    </div>
</body>

und füge im Stylesheet folgende Regelerweiterungen hinzu:

Code: 
html, body {
margin:0px;
padding:0px;
font-family: Verdana, sans-serif; font-size: 11px;
height: 100%;
}

#wrapper {
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
}
 
Sorry, hab vorhin noch was vergessen :-(

Code: 
#footer {
background-color:#51473D;
background-image:url(../images/footer.jpg);
background-position:center top;
background-repeat:repeat-x;
color:#9B8A79;
font-family:Tahoma,Arial;
font-size:10px;
padding:5px 0px 0px 0px;
position:absolute;
width:100%;
bottom: 0;
}
 
Probier's mal ohne die Sternchen:

Code: 
html, body {
*height: 100%;*
}

#footer {
*position:absolute;*
}
 
Hi,

der Grund hierfür ist wohl die fixe Höhenangabe für das DIV #content.

Versuch es daher mal ohne eine Höhenangabe:

Code: 
#content {
/*height:200px;*/ /* auskommentiert = deaktiviert */
margin:0px auto;
position:relative;
width:90%;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück