Как привязать DIV к нижней части страницы?

Question

У меня есть DIV с фиксированной шириной, который я хочу оставить в нижней части окна просмотра браузера.

К сожалению, у меня нет подсказки, где я даже начну пытаться реализовать это.

Очевидно, что первое, что нужно сделать, это установить position в fixed. Но кроме этого ... нет подсказки.

Answer 1

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

Answer 2

Смотрите на CSS-уловок:

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