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.
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.
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.
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.
I’m wondering if the height of the header is a factor?
Thanks guys – really appreciate your time – sorted now!
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".