Expand footer to bottom of page, if nessesary

[diabolo]

I want the grey footer's height to expand to the bottom of the page, if the content does not reach down all the way. I know they have ways for a fixed height footer to stick to the bottom but that's not what i need.

 

[xav0989]

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

or you could have the background of the page be the grey color (illusion of long footer)

 

[diabolo]

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

that's not what i needed, and i explicitly said that.


but you mention having a grey bg, its not going to be a solid grey, but rather an image, the grey is just a place holder.

 

[xav0989]

in that case, I don't really have a simple answer ready.

 

[marshian]

I don't know of any easy way to do this, but I don't like giving up...
Do you know how to work with negative margins?
I'd try to give your main content element a height of 100% and using a negative top and bottom margin to make place for header and footer. If that works you still *might* have to add in a couple of tweaks to make it appear the way you want it, but that might just do the trick.

EDIT:
Or did I just misunderstand you too? Do you really want to make the entire window grey if the content isn't big enough? :\
I don't think that'll look too good...
You could use almost the same trick to achieve this. Give the footer a giant height (eg. 10000px) and then add a negative margin. Say your footer should be at least 100px, then add a margin-bottom of -9900px.