Get a free trial // Grow your CSS skills // Land your dream job

JS Sticky Footer

  • # December 10, 2012 at 10:41 am


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

    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.

    Much appreciated.


    # December 10, 2012 at 10:59 am

    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.

    # December 10, 2012 at 12:55 pm


    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.


    # December 10, 2012 at 1:38 pm

    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.

    # December 10, 2012 at 1:42 pm

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

    # December 11, 2012 at 4:34 am

    Thanks guys – really appreciate your time – sorted now!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed