March 11th, 2004, 10:17 AM
CSS issues Mozilla firebird
I'm having a problem loading a background image using CSS.
The code works fine in IE6 but in Mozilla Firebird and Opera 7 it doesn't display the images at all.
All other styles are applied properly but those background images just don't show (in firebird and opera).
I am linking the external stylesheet using this code:
<link rel="stylesheet" href="/test/includes/style.css" type="text/css" media="all" />
so that's an absolute URL to the CSS file. In this file I create the selector like this:
background: transparent url(/test/images/bl_curve.gif) bottom left fixed no-repeat;
so that's using an absolute URL for the image.
The entire page is valid XHTML and CSS, as confirmed by the W3C validators.
Last edited by gurtle; March 11th, 2004 at 10:31 AM.
Reason: mis-typed the paths the first time
March 11th, 2004, 10:22 AM
you should change that from background:... to background-image:
March 11th, 2004, 10:32 AM
Originally Posted by paularms
but i'm setting the background color too.
i believe what i've used is the correct "shorthand" syntax for doing both at the same time
March 11th, 2004, 04:30 PM
I wasn't able to replicate the error—but I couldn't use your path, and I don't know your directory structure. I don't see anything that would cause the error, but if I were betting, I'd say there is something. Moz and Opera are more likely to be correct than IE (especially since both render differently than IE). For a test, move the image as needed to use a relative path.
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.
My html and css workshop
, demos and tutorials.
Ask a better question
, get a better answer.