Its been a while... I've got this website I'm working on, and I'm currently stuck trying to figure it out. I've tried *almost* everything. The template is centered in the browser, and look like so: |---------Header---------| |---------Content---------| |---------Footer---------| The header and footer are just images and have absolutely nothing in them. The problem: The content varies from page to page, some pages require more room than others. The height is only a pixel value right now that fits the biggest page, but has too much 'white space' on the lesser content pages. Is there any way to make the content height differ from page to page and fit the actual content? Instead of pixel values I've tried 100%, inherit, and auto, but none have worked.