I am coding a layout right now and I am having trouble with the footer. My content is a fixed height and so I wanted my footer to be 100% of the remaining page. But when I added height: 100% to my footer, I found that it doesn’t work. Does anyone know why and have a solution for this? I have a repeating background image that I need to fill the space and I don’t want white space below my footer. That’s why I need it to be 100%
I’m sure there is a better way, but this is all my brain can come up with right now. Works in Safari 4 and FF3, but undoubtedly fails in IE6 (untested):