Header and Footer 100% Widened left to Right, Body Fixed

23 Apr 2014, 7:41 PM

#1

Zen Follower

Join Date:: Jan 2011
Posts:: 196
Plugin Contributions:: 0

Header and Footer 100% Widened left to Right, Body Fixed

I know this has been discussed on here to death, but no one has been successful at it so far, at least from I've seen.

I basically want to stretch the header 100% left to right but the center columns remain at a fixed width. I tried making body 100% and centerColumn have auto margins. No luck.

Basically, I want this:

Any ideas? Thanks in advance.

23 Apr 2014, 8:00 PM

#2

gjh42

Black Belt

Join Date:: Jul 2005
Location:: Upstate NY
Posts:: 21,876
Plugin Contributions:: 8

Re: Header and Footer 100% Widened left to Right, Body Fixed

Very simple CSS, at least if your template is based on the default Classic or a similar layout. Seeing your site live will let us advise correctly.

In general, you would want to set in your stylesheet```
#mainWrapper {width: 100%;}
#contentMainWrapper {width: 1000px; margin: auto;}

23 Apr 2014, 8:46 PM

#3

sle39lvr

Zen Follower

Join Date:: Jan 2011
Posts:: 196
Plugin Contributions:: 0

Re: Header and Footer 100% Widened left to Right, Body Fixed

Thank you! This worked!

24 Apr 2014, 2:05 AM

#4

gjh42

Black Belt

Join Date:: Jul 2005
Location:: Upstate NY
Posts:: 21,876
Plugin Contributions:: 8

Re: Header and Footer 100% Widened left to Right, Body Fixed

Glad to hear it! It looks like you have now fixed the other elements you asked about as well.