HTML wrapper help please!

[Adam_Cr1]

Ok. I'm designing this website as part of college work and I want to have it with the main website centered in a 960px wrapper but I want the background colours (multiple sections) to go all the way across the page.

 

Do I need to use multiple wrapper divs to achieve this?

[colonel_mortis]

If you're trying to do what I think you are, you need to either use multiple divs or have a background image that has the colours (although obviously this doesn't allow multiple the size of the content to dynamically affect the size of the blocks. You might have to look into having some javascript messing around with the sizes though.

[Adam_Cr1]

Which section would I add another external wrapper div in?

[colonel_mortis]

Personally I would have it at the end absolutely positioned with javascript getting the height of the elements that you're extending and setting the height from that, but there might be a pure CSS way of doing it that I'm not thinking of right now. Center the main wrapper normally using

margin: 0 auto

[Adam_Cr1]

Thanks. I'll give that a shot after dinner :-)