JS Sticky Footer

[rainemaida]

Hi,

I am trying to implement the JS sticky footer as per:

https://css-tricks.com/snippets/jquery/jquery-sticky-footer/

I’m quite sure I’ve done everything, but would somebody please be able to tell me what I’ve missed out, or have done wrong, as it doesn’t seem to be working.

http://stomptheweb.co.uk/spotless/index.html

Much appreciated.

Cheers,
Steve

[Paulie_D]

In what way is it not working. I’m pretty sure that the inline style of position:static on your footer-container isn’t required though.

[rainemaida]

Hi,

It’s suppose to be a sticky footer, always at the bottom of the page and it’s not.

Have you had a look at the code? The static is getting added to the footer because the page content is larger than the window – so I am pretty sure it’s needed.

Steve

[Chris Coyier]

It seems to be working for me. One thing missing is that .footer-container should have `width: 100%;` so that it looks the same when it’s sticking to the bottom.

http://cl.ly/LTgI

[Paulie_D]

I’m wondering if the height of the header is a factor?

[rainemaida]

Thanks guys – really appreciate your time – sorted now!

[Author]

Posts