Div im Browser unten

Question

ich das unten Stück Code verwenden, um ein div im Browser

CSS unten ausrichten:

/* using the child selector to hide the 
following body css from IE6 and earlier */ 
html>body { 
    background-color: yellow; 
} 

#footer { 
    position:absolute; 
    right:0; 
    bottom:0; 
    background-color:Yellow; 
} 

HTML:

<div id="footer"> 
CCC 
</div> 

Das funktioniert gut, wenn die Seite passt die Seite:

Aber wenn die Seitenlänge dann überschreitet, wenn ich die Seite der div auch gescrollt scrollen oben zu werden:

ich die Fußzeile div an der Spitze oben Benutzersteuerung gesetzt haben. Es gibt einige andere Steuerelemente nach der Fußzeile div. Wird das das Problem verursachen?

Answer 1

Sind Sie vielleicht auf der Suche nach diesem http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page?

Answer 2

#footer { 
    position: fixed; 
    right:0; 
    bottom:0; 
    background-color:Yellow; 
} 

absolut ist absolut relativ zu HTML Körper und fixiert ist in Bezug auf den Rahmen

Differenz und andere Werte für position tag are here.

Answer 3

Verwenden Sie die klebrige Fußzeile CSS: http://www.cssstickyfooter.com/

Answer 4

Sie sollten Position statt absolute Fest verwenden. diesen Code verwenden:

/* using the child selector to hide the 
following body css from IE6 and earlier */ 
html>body { 
    background-color: yellow; 
} 

#footer { 
    position:fixed; 
    right:0; 
    bottom:0; 
    background-color:Yellow; 
}