WordPress.org

Support

Support » How-To and Troubleshooting » sticky footer problem

sticky footer problem

  • erinichristine
    Member

    @erinichristine

    So I’m using a basic theme (bbv1) and trying to modify it to meet my needs…

    Basically, right now I’m trying to get the footer to stick to the bottom of the page regardless of the amount of content. I’ve googled the hell out of this and no solutions work thus far. At most, typical sticky footer codes (using container divs) just make the footer appear on the top of the page.

    site: http://www.erinichristine.com

    Any tips?

    (I’d also like to get the content on the left side–the header, search, and sidebar–to remain fixed while the rest scroll… I’ve yet to build a page long enough for me to see if what I have in place would work…)

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • aphill70
    Member

    @aphill70

    You can use css position: fixed; and use bottom: xpx; to position where you want in relation to the bottom.

    erinichristine
    Member

    @erinichristine

    Awesome! Thanks!!

    Now… my only question… since this is a fixed position… when I have a page with a ton of content, will that footer still be positioned at the bottom (only visible when you scroll down to the bottom of the content) or will it stay at the bottom of the browser forever and possible cover part of the content?

    aphill70
    Member

    @aphill70

    good question..

    looking at the iframe that tmz has at the bottom of their site they are using….

    position: fixed;
    bottom: 0px;
    left: 0px;

    and it works no matter what however you may just have to play around with it to see for sure and if not play around with your rules…

    erinichristine
    Member

    @erinichristine

    I just changed the text, now I don’t have to worry about it. 🙂

    Now I’ve just got excess white space after posts to fix… (eg: http://www.erinichristine.com/about/)

    aphill70
    Member

    @aphill70

    What appears to be happening is you have some extra whitespace in your editor of the page at the bottom.

    WordPress AutoP filter sometimes throws in extra br and p tags

    if you have lots of whitespace in your editor

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘sticky footer problem’ is closed to new replies.