Question

I am working on this site: http://www.problemio.com and I am trying to get the entire background and the body background set.

I am trying to get the areas on the very left and right sides to be the blue color, and the background of the body to be the gray color.

Instead, what is happening is for some reason, everything is blue except the header is all gray lol.

My css file is here http://www.problemio.com/main.css

How can I get the colors working as I intended? Also, I don’t mind keeping the top area with the gray background as I think now it looks relatively ok.

Answer 1

@genadinik;

first problem is that your container div didn’t take entire height of the child divs so how have to it clear
. Second: right now it’s takes entire width of the screen so you have to define width to it

 .container{
  overflow:hidden;
  width:1000px;
  margin: 0 auto;
}