Hi,
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. IE6 URL
property of the background css element uses the location of the css
file as the root when looking for the background image. Firefox uses
the location of the page that links the css as the root for the
background image.
This css will work for Firefox :
body
{
background:white url('Images/background test.gif') bottom right
no-repeat fixed; /*firefox works*/
}
And this css works for IE.
body
{
background:white url('../Images/background test.gif') bottom right
no-repeat fixed; /*IE6 works*/
}
Is this just one of those things? It would be nice to know which
browser is doing it right though.
thanks for any help..
ps : Here's the page :
<html>
<head>
<title> New Document </title>
<link href="css\test.css" type="text/css" rel="stylesheet">
</head>
<body>
This is a test to see if different browsers mess up the background url
in the css when the css and the backgroun image are in different
folders than the css file
</body>
</html>