Hi all,

I'm looking for some help with a footer stick i'm working on.

The website is www.lovejungle.com

The footer method I was following is http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

I've got the footer sticking to the bottom of the page now, but for some reason it pushes the .pagecontainer div 100% and ends up being too big.

I want the homepage lovejungle.com to have no scroll and just have the footer sitting nicely under the picture and line of text.

Not sure what's wrong?

Also, for some reason, it's only pushing the footer to the bottom on the home screen, not on any of the other pages?!

How can I make the footer stick to the bottom of the browser properly? What am I doing wrong?

2 answers

1
point

try this method instead?

http://www.cssstickyfooter.com/

Answered almost 9 years ago by Tony Crockford
0
points

Wow, that sounds better - no .push div!

I'll try it out now and let you know how I go.

Answered almost 9 years ago by Michael Birchall
  • It seem's to have worked in Firefox (only on the homepage? - not Artist Network, or Lifestyle ? ) And it has worked in Safari, but the gap between text and footer is much larger than Firefox. I guess this is all right? Still not sure why it hasn't worked on any of the other pages http://www.lovejungle.com/artist-network/ http://www.lovejungle.com/about/ ?? Michael Birchall almost 9 years ago