Make right half of website different style in CSS?

I have a website that one half is white and the other half it dark gray. I am using a wrapper now that gives it a defined width and centers it like this: margin: 0px auto 0px auto;.

If you look at the website here (link removed), you will see the dark bar has stopped and is confined to that wid开发者_JAVA百科th. What would be my best bet in order to achieve this?

You can look at my stylesheet here (link removed).

Thanks in advance!

Coulton

To extend the dark gray background from div.right_bar all the way to the right side of the screen, you can remove the width from the parent element div.wrapper. For example:

.wrapper { width: 100%; }

When the width on div.wrapper is specified, it doesn't fill all of the horizontal space of the page, and the white from the body element shows through.

Done this a few times.

Create a LOOOONG horizontal line of that grey color as an image. Make it like 1200px wide (1px in height). Then in CSS set it as the body background with something like this:

background:url("urlToLongHorizontalLine.png") repeat-y scroll 52% 0 transparent;

the 52% will position it so that it only begins at about the center (you may have to adjust it slightly), and repeat-y will tile it vertically.

Let me know if you have any questions.

Perhaps inside your main div, create two more divs - left and right. Then in CSS define their size/position, etc.