Sticky Footer problem

Hey guys I learned to take the height of the footer and give that a negative top margin for the wrapper, and then reclaim that neg margin by giving my header a top border of the same height…etc.

Anyway I went back to an old site of mine, before I learned this sticky footer trick, and I tried applying the same thing and it’s not working, so maybe there is something I’m missing here?

Maybe if someone could explain this sticky footer trick I could understand it and spot the problem. Thanks!

Contact Us

HI,

Did you set html,body to 100%?


html,body{height:100%}

See the sticky footer faq for the full-proof version and a longer explanation :slight_smile:

If that still doesn’t make sense then shout and I’ll try and explain a bit clearer :wink:

Got it, thanks.