how to make the footer to stick exactly at the bottom of the page?

Question

I'm using ASP.net Master page. I've a footer in my page. When content of my page is less, the footer is coming in the middle of the page.

What do i need to do. please suggest.

Thanks.

Answer 1

You can implement a CSS sticky footer: http://ryanfait.com/sticky-footer/. Using a little bit of CSS (see http://ryanfait.com/sticky-footer/layout.css) the footer will stick to the bottom as much as possible:

1. If the page's content is higher than 1 viewport: nothing happens.
2. If the page's content is not higher than 1 viewport: the footer creates whitespaces and prefers to stick to the bottom.

Er... there should be more rules...

Answer 2

One more link for the same think

http://www.cssstickyfooter.com/