sticky footer problem
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.
(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…)
You can use css position: fixed; and use bottom: xpx; to position where you want in relation to the bottom.
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?
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…
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/)
- The topic ‘sticky footer problem’ is closed to new replies.