sticky footer problem (6 posts)

  1. erinichristine
    Posted 5 years ago #

    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...)


  2. aphill70
    Posted 5 years ago #

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

  3. erinichristine
    Posted 5 years ago #

    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?

  4. aphill70
    Posted 5 years ago #

    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...

  5. erinichristine
    Posted 5 years ago #

    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/)

  6. aphill70
    Posted 5 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic