3

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

Clinton Green
  • 9,697
  • 21
  • 68
  • 103
  • Is this the kind of thing that you are looking for: http://stackoverflow.com/a/8825714/681807? – My Head Hurts Jan 28 '12 at 23:05
  • This works great, I just had to add a negative margin-top to the footer to prevent an overlap in long pages. Thanks, please add this as an answer and I'll accept. Cheers – Clinton Green Jan 28 '12 at 23:42

2 Answers2

4

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.

Community
  • 1
  • 1
My Head Hurts
  • 37,315
  • 16
  • 75
  • 117
0

If you just want a piece of HTML that stays on the same position of the screen regardless of the scrolling, you can use position:fixed on the element. This will create an effect similar to what you see on facebook, where the blue bar at the top, and the chat window at the bottom stay visible.

bigblind
  • 12,539
  • 14
  • 68
  • 123