Background Image CSS code not working

[awebster]

I am trying to code my site and then I made my background image in gimp and then put it on my server but when I try

body
{ 
background: url(img/background.png); 
} 

The background image doesn't show up and just white displays.  I tried putting in the root of my server and that still didn't work.  I validated to make sure of a syntax error and I had valid CSS code. 

[Mahngiel]

what is your file structure?  where is the .css file located? so many questions, so little information

[awebster]

My CSS file is located in a CSS directory on my server.  All my other css code works.  The only thing that didn't is the Background Image.

[Mahngiel]

where is this 'img' directory in relation to the CSS dir?

[awebster]

I have attached a picture of the directory set up. 

[Mahngiel]

your image folder is outside your css folder. therefore, the relative path to the image would be ../img/ NOT img

[Pikachu2000]

background: url(http://www.your_domain_name.com/full/path/to/file/img/background.png);

[Christian F.]

URLs in CSS attributes are relative to the folder which the CSS file resides in. Since the CSS folder and the img folder are siblings, you need to go down one step to find it.

Meaning the correct code would be:

    background: url('../img/background.png');

[White_Lily]

[/code]

*class/id name*

{

 

 

background:url("*image directory*/*image file name(including extension)*") 0 0 no-repeat;

 

}

PS: if it needs to go back a directory in relation to the css file then add this at the beginning of the image directory:


"../" = back 1 directory.
"../../" = back 2 directories and so on.