Footer not staying at bottom of page

Permalink Browser Info Environment
Hi,
Is there a way to make the footer stick to the bottom of the page? On all my pages except the homepage the footer is a good distance away from the bottom. You can see what I mean here:http://www.websitesbycreation.com/ODL/index.php/blog/...
Thanks

Type: Discussion
Status: New
jchick
View Replies:
c5studio replied on at Permalink Reply
c5studio
Doing this will require some css modifications, there are a number of articles available online that can help you with this.

I can give you some pointers to help you get started but I can't guarantee that it will work. If you are somewhat familiar with css here are some rules that should help:
#page{min-height: 100%; position: relative;}
#page #footer{position: absolute; bottom: 0; width: 100%;}


Like I said earlier, I can't guarantee that it will work, and it might break some other pages, but you get the idea.
c5studio replied on at Permalink Reply
c5studio
Was just doing some testing, and you will also need to increase the bottom padding for "#page #contain" from 20px to 135px, also the footer needs to be the same size on all the pages.
jchick replied on at Permalink Reply
jchick
Thanks. I noticed the footer sticks to the bottom of the page on your demo site. How did you do that?
c5studio replied on at Permalink Reply
c5studio
I haven't made any changes on the demo, it may appear that the footer is staying on the bottom because of the content. But on my monitor, on some of the pages with less content it is not all the way at the bottom.
jchick replied on at Permalink Reply
jchick
Okay. Thanks. The code you gave me worked. Much appreciated.

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.