I have a problem with my website footer. As supposed to be, it’s rendered after the page’s content, but when the page’s content is less than the browser’s height is annoying to see it on the middle of the page.
I’m correcting this behavior manually setting the footer to position:absolute; bottom:0, but doing so, breaks the footer when the content is greater than the browsers height. There is any way to automate this?
The content is just a div, with no aditional style and normally, the footer is position:relative; bottom:0. The website could be seen here: http://vestibulandos.oplex.com.br
Thanks.
Have a look at http://www.cssstickyfooter.com/