how to get footer to stick to bottom of browser window

[sachin427]

Hello,

I am trying to get my footer to stick to the bottom of my browser window as discussed in the following link:

http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/

The problem is, the prestashop code contained in my theme folder (global.css and footer.tpl) look nothing like this and I wouldnt know where to begin to start modifying the code. If anyone has experience with this modification wrt prestashop, please share.

Thanks in advance for a reply.

[robkwal]

#footer {
background: white;
bottom: 0px;
color: #000000
font-size: 11px;
left: 0px;
padding: 1em;
position: fixed;
width: 100%;
}

If you add the position:fixed; and width:100%; to you #footer css contained within the global.css file you should achieve what you are after!

Hope this helps,

Rob

[sachin427]

Thanks for your suggestion Rob. Unfortunately, adding the above sent my footer to the top of the page. I tried adding bottom: 0 with the code and this made my footer show up at the bottom of the page. However, for pages longer than my brower height, the footer kind of floated at the place it was originally loaded (if that makes sense).