min-height:100% doesn't work on my container?

Question

Dear fellow readers on Stack Overflow, I am currently working in CSS and I ran into trouble with giving my container a minimal height of 100% to get my footer at the bottom of t

Answer 1

you need to set your parent to a fixed height.

See this article: http://www.search-this.com/2007/02/05/css-min-height-explained/

Answer 2

If you want to put your footer at the bottom of the page you can either position:absolute;bottom:0; or http://css-tricks.com/snippets/css/sticky-footer/

http://jsfiddle.net/CP6Qk/