Sorry for the bad title, but I dont know what its called. I have a background on a website, and when some of the pages are too short (see picture), I want the white content background to continue to the bottom. Hopefull some of you have a solution, because it has to work in different screen sizes (1024×768 etc…).
Hopefull this picture can explain it, but ask if you want some code or more information.
These suggestions should work, but they probably are not because you have your footer div OUTSIDE of your #wrapper. The wrapper div should ALWAYS contain ALL content of the page, and then it should work. It is easy to lose track of your divs, especially when you have an excess of them (which you do). Therefore it is really helpful to label each div that you close with a comment. For example:
all page content here, including footer
</div> <!– end #wrapper–>
This way you can see which div is closed where and they are easier to keep track of. Hope this works for ya!
Your problem is not a quick fix because of the way you have coded your site. You need to rework it.
Div tags cannot be used within li tags, <br /> tags are not used for spacing, this should be done with margins and padding in the css. The center tag in the footer is deprecated and I think as Lynz said you have a problem with closing divs.