Forums

Footer Issue

Permalink
Hi, this is potentially a simple one, but I haven't yet figured it out yet. I'm still very green with both Concrete5 and CSS, so please bear with me.

I'm trying to get a footer that sticks to the bottom of the page, but it seems like it's not reacting properly to the content that is generated by blocks. Weirdly, when you put it outside of all other divs, it maintains a static position (as seen on every page athttp://www.wireless101.org).

Here's the CSS for the footer:
#footer {
   position: relative;
   padding-top: 10px;
   height: 40px;
   text-align: center;   
   display: block;   
   font-size: 11px;
   color: #666;
   overflow-x: hidden;
   clear: both;
   }


Thanks ahead of time for your help!
 
MatthewMaldonado replied on at Permalink Reply
Bump?
12345j replied on at Permalink Reply
12345j
doesn't look like you have .push
MatthewMaldonado replied on at Permalink Reply
Putting push in there doesn't seem to help.

I think the issue is the footer not reacting as if the blocks I put into it are stretching the wrapper.
PPPills replied on at Permalink Reply
PPPills
I saw something recently ( not on C5) where they put a padding-bottom: 150px (or what ever you want) on the main body section - and then with the footer - did a negative margin-top: -150px
Also just under the:
html,body {height:100%}
#wrap {min-height:100%} */ the wrap was the overall container /*


here's the link, but it didn't work for me when I did the test - but I'm too too new at this. I am assuming I did something else wrong.
Here's the link:

http://www.cssstickyfooter.com/using-sticky-footer-code.html...
daviddbrock replied on at Permalink Reply
I believe this thread may point you in the proper direction.

http://www.concrete5.org/community/forums/usage/bottom-of-the-page-...