sticky footer problem

  • Rini

    (@erinichristine)


    13 years, 3 months 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: https://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)

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

    Thread Starter Rini

    (@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?

    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…

    Thread Starter Rini

    (@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: https://www.erinichristine.com/about/)

    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.

Tags