Footer sticky to bottom? « ThemeShaper Forums

Footer sticky to bottom?

(6 posts)

Tags:

caddymob
Member

Hi there, first post - - new to thematic and wordpress and the html and webdesign the whole bit. Little overwhelmed, but trying to drink from the fire hose.

My question is this -- How can I get my footer to sit at the foot of a page? I have a big white blank space that seems be after the footer but I cannot find any CSS for it...

Here is a test page - http://www.corneveaux.com/pixelinksolutions/test-page - I want the black footer to sit at the very bottom, no white space underneath it.

Any help much appreciated!

Posted 2 years ago #

Caramboo
Member

Try this:

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

Posted 2 years ago #

caddymob
Member

Bingo! Thanks Caramboo :)

Posted 2 years ago #
Caramboo
Member

I suppose though, as you fill the area above the #footer, things are going to get a little tricky. Especially if you populate the footer area with widgets. Hmmmm. Off to think of another way :)

Posted 2 years ago #
Caramboo
Member

A bit of Googling led me here:

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

Probably a better way than my hacky way :)

Posted 2 years ago #
Chris
Moderator

Hi,

you might want to take a look at this solution:

http://themeshaper.com/forums/topic/sticky-footer#post-2667

Chris

Posted 2 years ago #

You must log in to post.