Forums

Sticky footer (Innovation Theme)

Permalink
Hi,
I want the footer stick to bottom. I made a change in the CSS (container and footer) but it does not work:

#container{
position: relative;
height: auto;
min-height: 100%;
padding:20px 0;
}

#footer{
position: absolute;
bottom: 0;
padding:20px 0;
}

Probably I'm doing something wrong but I can't figuring out what.
Can someone please help me out!

1 Attachment

MacAnne
 
zoinks replied on at Permalink Reply
Did you ever figure this out? I got a stickyfooter to work great, but as soon as I go into Edit mode in C5, there is a little snag. If you rollover to Add To an editable area, the highlight and clickable spot of that "Add To" link is about 60px lower than the underlined link "Add To [Editable Area]"... the top toolbar in C5 throws everything off... can't figure out how to fix that.

It's still usable but very strange and looks shoddy if I try to explain to the client (eg. "Oh, yeah, you just have to click the block underneath the link, you can't actually click the link... why? Because I designed it that way, of course!")