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.

possible duplicate of [How do you get the footer to stay at the bottom of a Web page?](http://stackoverflow.com/questions/42294/how-do-you-get-the-footer-to-stay-at-the-bottom-of-a-web-page) — bd33, Jun 23 '14 at 20:17

score 1 · Answer 1 · answered Jun 17 '10 at 16:04

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:

If the page's content is higher than 1 viewport: nothing happens.
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...

score 1 · Accepted Answer · answered Jun 17 '10 at 18:45

1

One more link for the same think

answered Jun 17 '10 at 18:45

Aristos

2 Answers2