Sticky footer trick not working, main section overflows over footer

[GroovyMotion]

I’ve been reading lots of techniques regarding sticky footers and so far the best one is this one by Chris: https://css-tricks.com/snippets/css/sticky-footer/

I’ve made a pen with some content to try it out and if there is too much content in the main wrap it overflows over the footer instead of stretching the height of that div.

Here is the pen: http://codepen.io/GroovyMotion/pen/ojbvu

Cheers!

[Paulie_D]

My guess is that, at the very least, you haven’t cleared the floats in the page-wrap.

That would probably be a good place to start.

[GroovyMotion]

Ah! I always forget to add
*:before, *:after {content: ''; display: table}

Thanks Paulie_D

[Author]

Posts