Sticky Footer in HTML5 Boilerplate

css sticky-footer boilerplate html5boilerplate
Clinton Green picture Clinton Green · Jan 28, 2012 · Viewed 11.5k times · Source

I am trying to implement a sticky footer in boilerplate but I can't find a way for this to work. I have tried solutions posted by Michael Gorman and Steve Hatcher but both do not work for me.

I have researched and found that Sticky Footer is not supported by Boilerplate. Have any of you had any luck with this issue.

To see a page where I really need a sticky footer, please go here

Thanks for helping. Cheers

Answer

My Head Hurts picture My Head Hurts · Jan 29, 2012

To ensure that the footer is always at the absolute bottom of the page you can use the answer accepted in this question: Make div stay at bottom of page's content all the time even when there are scrollbars

You will prob find that it requires a little fine tuning to work exactly as you require for your design.

Related questions

CSS: fixed to bottom and centered

I need my footer to be fixed to the bottom of the page and to center it. The contents of the footer may change at all time so I can't just center it via margin-left: xxpx; margin-right: xxpx; The problem …

Read More
How to create a sticky footer that plays well with Bootstrap 3

With or without a top nav, it is very common for sites to have a sticky footer. Bootstrap has a facility to easily create fixed footers, but no such facility for creating sticky footers - there is a big difference. …

Read More
How do you get the footer to stay at the bottom of a Web page?

I have a simple 2-column layout with a footer that clears both the right and left div in my markup. My problem is that I can't get the footer to stay at the bottom of the page in all browsers. …

Read More