How to make the Header width fluid (100%), but keep everything else fixed (980px)?
 

I'm trying to make my entire header stretch to 100% fluid width, but keep everything else at a fixed width of 980px.

I've pretty much screwed around with everything and can't seem to make it happen.

I would have thought for sure that putting the following CSS insert would have done it:

#bodyrow {
width: 980px;
margin: 0 auto 0 auto;
}

But it doesn't.

So... how exactly would I make this happen?

Thanks in advance for any help.

I you make the "header" a background image it should work.

Ha, good idea... and it worked just like I needed it to. Thanks!

1 other followup question.

How would I do this exact same thing... but with the footer?

Thanks again man.

If you want a header image and a footer image...

Place the code for one background image in ATO>Body, Text & Links>Body Style as outlined on that page. Set it to repeat-x and positioned at the top.

Now put the following code into the HTML/CSS inserts:

This adds another background image to the html tag and positions it at the bottom. Put the background color in the html tag and remove it from the body tag.

Basically, You have one background image in the body set to repeat-x and positioned at the top and another in the HTML/CSS inserts: