Background colour not changing


I’m working on a new site and am having trouble getting the background colour of the body to change. At the moment it just stays white even when I set to another colour.

Does anyone know what’s wrong? I have the following code (snippet):

<div id=“header”></div>
<div id=“container”>
<div id=“content”>
</div><!–end of content–>
</div><!–end of container–>

and the CSS for the body is:
#body {
background-color: #0099FF;
background-image: url(…/images/gradient_blue.png);
background-repeat: repeat-x;

Any help would really be appreciated.


You are using an ID selector for body when you do not need it. body is an element and should not have an ID selector. Lose the # sign.

body {
 background-color: #0099FF;
 background-image: url(../images/gradient_blue.png);
 background-repeat: repeat-x;

Also include the closing bracket in your CSS statement.

Thanks so much, that’s resolved it.

I had a feeling it was something simple. :slight_smile: