[Arty Zifferelli]

I have all my CSS in a file, located and referenced like so:

<link rel="stylesheet" type="text/css" href="./css/main.css" media="screen" />

For everything, it's fine. Except the body background:

body { 
	font-family: Helvetica, Arial, sans-serif;
	background-image: url("./images/dark.png"); 
}

...also tried...

body { 
	font-family: Helvetica, Arial, sans-serif;
	background: url("./images/dark.png") repeat; 
}

File paths like so:

/ - main pages
/css/main.css
/images/ - image files

I'm missing something obvious.

[kicken]

Relative paths in CSS files are resolved based on the location of the CSS file, so you want your image url to be ../images/dark.png

[Arty Zifferelli]

Originally Posted by kicken

Relative paths in CSS files are resolved based on the location of the CSS file, so you want your image url to be ../images/dark.png

Huh. Is this how it's normally done? Seems wonky.

Also still no background...

[edit]

body { 
	font-family: Helvetica, Arial, sans-serif;
	background: url("../images/light.png") repeat; 
}

...works.

Maybe I should include it as a file...