Sticky footer not sticky on each page

Question

I am trying to implement a sticky footer on my site. But all the time when I fix it for one page, it breaks on the other page.

As if the current situation on the homepage there is a white space below the footer. But on this page it is looking fine.

I am looking for sollution to work on all pages.

Thanks very much.

Answer 1

The footer is not sticky on either page.

Follow the instructions here to create a sticky footer: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

I have used this pattern on multiple sites and it works great.

Answer 2

Simple sticky footer guide here!

http://css-tricks.com/snippets/css/sticky-footer/

Have fun

( Sorry I know this is more a commentaire then a answer but I can't post commentaire yet! )

Answer 3

You need to position that element as fixed . Then set bottom: 0 , also since it looks like it spans across the window, set left: 0 and right: 0 . Also, might need to up the z-index value.