Grow your CSS skills. Land your dream job.

JS Sticky Footer

  • # December 10, 2012 at 10:41 am

    Hi,

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

    http://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

    # 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

    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

    # 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.

    http://cl.ly/LTgI

    # 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.

*May or may not contain any actual "CSS" or "Tricks".