Sticky footer?

HTML & CSS
1

Hi Guys,
I was working with my site and I’m having trouble with larger screen resolutions. On my screen, the footer of my site snaps perfectly to the bottom of the screen. Here is what it looks like on my screen: [URL=“http://www.getmyrank.com/img/gmrsn.jpg”]http://www.getmyrank.com/img/gmrsn.jpg

That is also how i wanted it to look. However, on larger monitors these is what it looks like: http://www.getmyrank.com/img/footersn.jpg

Any suggestions as to how i can make it “snap” to the bottom of the browser window without being fixed position? Thanks in advance!

2

In the css, add the following -

Position: fixed;
bottom: 0px;
3

We have a very comprehensive how-to thread on sticky footers here:

It addresses all the issues you need to think about when creating a sticky footer, so read through that and let us know if you have any questions. :slight_smile: