Search code examples
cssliquid-layout

Layout with liquid-fixed-liquid design...Can't seem to get it right


I know I should know how to do this, but for all of my searching on SO and the internet, it's evading me. A friend wants a page with a fixed width centered wrapper, 990px wide. Left and right will have no content, but he wants the header and footer to stretch off the ends of the page like a liquid layout. I never build sites like this so I'm stuck, I only do fixed width centered wrappers.

I want to accomplish this with CSS over tables, that's his preference.

The header isn't straight black, it's a thin .png that is repeated as a BG image.

The footer is a solid BG color.

Page is currently set up with the proper header and footer contained in the center wrapper but nothing is stretching off to the left and right.

Page link: http://www.jalvisualmedia.com/testsite/mystique/private_label.php

If I'm omitting anything that would be helpful, please let me know.


Solution

  • You could try putting the #wrapperTop and #footer ids outside of the fixed width center wrapper and set their width to 100%.