I don't know if this is a weird question or not, but this is what I was thinking of doing...

I was going to build my footer to extend a couple hundred pixels below the actual footer content, then use a png with transparency gradient to blend the bottom of the footer back into the page background to account for pages with very limited content on them where the footer may not be close to the actual bottom of the browser window.

The problem I ran into when trying to do this was trying to stop the page from including the bottom of the footer on longer pages when there WAS enough content to push the footer to the bottom. I tried a couple different ways, setting various div positions and sliding them off screen, but they just causes the browser to stretch farther to display the entire footer.

So, is this something you can do? I seem to remember playing around with a 'sticky footer' a little while back that moved content off screen, but I don't remember what caused this.

Thanks for any help.

Something like these? http://css-discuss.incutio.com/?page=FooterInfo

Well... not really. I'm pretty sure what I'm trying to do is simpler than a fixed footer or sticky footer (assuming it's possible) but maybe a weirder thing to try. Let me use some screenshots to help illustrate what it is I want to accomplish. I added the footer to my site so you can actually see what it looks like right now.

The footer has a couple of background images built into it that are several hundred pixels taller than the content of the footer, which works just like It should on shorter pages.


...but on pages where the content stretches the page, the footer creates a gap at the bottom of the page.


...so I want to build the footer in a way that tells the browser "The page content ends here, you don't have to show the stuff below here" to eliminate the gap on larger pages.


... So the same footer file works on both shorter and longer pages, and creates the effect I'm looking for on the shorter ones.

Obviously, I could fix it by redoing the footer without the pixels on bottom, but I wanted to see if this is possible to do. The site I'm working on is http://www.skullcrow.com

Anything? Anybody?

Is it because nobody understands what I'm asking, or is it because nobody knows how... or just that what I'm asking is stupid?

Both maybe. Not the stupid bit.

I for one don't understand this background thing. What background is it that is taller than the footer content? I don't see anything like that on the page you linked to or I don't understand what to look for.