Cómo anclar un DIV al final de una página?

Question

Tengo un DIV de ancho fijo que quiero que permanezca en la parte inferior de la ventana del navegador.

Desafortunadamente, no tengo idea de dónde comenzaría siquiera a intentar implementar esto.

Obviamente, lo primero que debe hacer es establecer position en fixed. Pero más allá de eso ... no hay pista.

Answer 1

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

Answer 2

Ver en 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'); 
}