Question

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 width. What would be my best bet in order to achieve this?

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

Thanks in advance!
Coulton

Answer 1

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.