Re: Background URL property in different browsers.

Gaz wrote:

I have found an issue when comparing Firefox with IE6 (Windows) where
a page links to a css file that is in it's own directory.

"Its", not "it's".

http://homepages.paradise.net.nz/mattpowe/cartoons/english_02.html

Er... sorry - I got distracted.

Yes, you're right, this is an issue. The CSS1 spec says: "Partial URLs
are interpreted relative to the source of the style sheet, not relative
to the document"

(http://www.w3.org/TR/REC-CSS1#url)

As you may have guessed, IE gets it wrong and Firefox gets it right.

link href="css\test.css" type="text/css" rel="stylesheet"

Don't use backslashes in directory paths in HTML or CSS.

--
Mark.
http://tranchant.plus.com/

Mark Tranchant wrote:

As you may have guessed, IE gets it wrong and Firefox gets it right.

Oops - this was just my natural assumption. It's the other way around.

The workaround is to use absolute references from the root of the web space:

background-image: url(/images/bg.jpg);

--
Mark.