Different Backgrounds for Sections

HTML & CSS
1

Hi,

What is the best way to have the content of sections be 960px and he background to be 100%. For instance if I have header, content, featured and footer and I want the content to be 960 but the backgrounds to all be different colours that span the entire width of the browser how would I do that. I tried to have an outer and inner div but it does not work. Thanks for any hints you may have on how this is accomplished in CSS and HTML.

2

You would apply the background to the BODY of the page.

3

Yes it does. :slight_smile: That’s the way to do it, so perhaps the structure wasn’t quite right. Have a look at this page layout for an example fo how to structure the outer and inner divs: http://pageaffairs.com/repo/full-width-bands/floated-columns.html

4

Thanks Ralph - I was missing the margin: 0 auto - now it works!!