0

I've been reading a lot of questions and answers here and tried it over and over again but I can't get the footer to stick. Here is the link: http://guntherkoo.com/new/

The footer just doesn't want to stay at the bottom..but when I shrink the window size, it stays?

Please help!! Thank you!!

gunther.koo
  • 1
  • 2
  • Try using this code: http://css-tricks.com/snippets/css/sticky-footer/ – Blender Oct 31 '11 at 16:48
  • http://stackoverflow.com/questions/159487/can-not-get-css-sticky-footer-to-work-what-am-i-doing-wrong/10016187#10016187 Check out the one entirely about css sticky footers. – frontsideup Apr 04 '12 at 17:52

2 Answers2

1

You footer is stuck to the bottom of div#pageWrap. Try moving the footer div outside of that #pageWrap div, so it sticks to the bottom of the <body>

Marc B
  • 356,200
  • 43
  • 426
  • 500
1

You can also add a 

position:absolute;
bottom:0;
GregM
  • 2,634
  • 3
  • 22
  • 37
  • yes, you can use the "position:fixed;bottom:0px;" as mentioned by GregM but when the page is longer than the brower windows, the footer will hide your content. it is better to user a javascript solution, like this one : http://www.codicode.com/art/the_best_sticky_footer.aspx – Chtioui Malek Apr 04 '12 at 17:32