2010-06-04 4 views
20

Ich habe eine DIV mit fester Breite, die ich im unteren Bereich des Browser-Ansichtsfensters belassen möchte.Wie verankern Sie ein DIV am Ende einer Seite?

Leider habe ich keine Ahnung, wo ich überhaupt anfangen würde zu versuchen, dies zu implementieren.

Offensichtlich ist zuerst position auf fixed zu setzen. Aber darüber hinaus ... keine Ahnung.

+3

eine gute Möglichkeit, auf diese Art von Dingen zu prüfen ist Firebug zu installieren (auf Firefox) und prüfen Sie eine Seite, die den Effekt verwendet, den Sie erreichen möchten. – Frankie

Antwort

17
#mydiv{ 
    position: fixed; 
    bottom: 0px; 
} 
+0

Sie sollten stattdessen den Link durchsehen, den ich gepostet habe. Es gibt Korrekturen, die für IE und Opera benötigt werden. –

25

sehen auf CSS-Tricks:

Fixed Footer

CSS:

#footer { 
    position:fixed; 
    left:0px; 
    bottom:0px; 
    height:30px; 
    width:100%; 
    background:#999; 
} 

/* IE 6 */ 
* html #footer { 
    position:absolute; 
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); 
} 
+0

Dies ist eine gute Lösung für Leute, die a) moderne Browser bevorzugen und 2) keine unnötigen Bibliotheksabhängigkeiten enthalten (cssstickyfooter.com) – g33kz0r

+0

Die Fußzeile mit Ausdruck ist am unteren Rand beim Laden fixiert, scrollt aber mit der Seite –