Content wrapper inside a content wrapper?

[Sirrel Squirrel]

Yeah that title sounds like an Xzibit quote!

I'm currently tweaking my website, at the moment the site has 1 column but on a few pages I'd like to have two columns.

There is a content wrapper tag around the nav bar, contnet area and footer to keep it neat.

The content area has a background defined in the CSS, now if I add a second column using similar code the background won't line up properly as the the background starts off fresh in each column.

So I want to put another wrapper around the two columns and define a background for the wrapper, however I can't seem to get this working. Have a look at the two pages below and their CSS to see where I'm going wrong.

1 Column
http://www.mia-media.co.uk/ocuk/nesw_test/index.html
CSS for this is http://www.mia-media.co.uk/ocuk/nesw_test/style.css

2 Column
http://www.mia-media.co.uk/ocuk/nesw_test/services.html
CSS for this is http://www.mia-media.co.uk/ocuk/nesw_test/style2.css

Hope that makes sense, cheers.

 

[Tripnologist]

Give contentwrap 'overflow: auto;', or google 'clearfix'.

http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/

 

[Sirrel Squirrel]

That doesn't seem to work, I tried it in both the #wrap and #contentwrap divs.

Am I going about doing it the right way to get the background from the 1 column design to cover both columns?

 

[Sirrel Squirrel]

ok I've just suddenly got it working, something was wrong with my HTML not the CSS, no idea what though as I just copied the code from the index.html and added the new div for content area b.

Cheers for trying to help.

edit/ tell a lie, I did also have to add the overflow part.