#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2004
    Posts
    2
    Rep Power
    0

    CSS issues Mozilla firebird


    hello

    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:

    #nav a
    {
    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.

    Any ideas?

    Pat
    Last edited by gurtle; March 11th, 2004 at 09:31 AM. Reason: mis-typed the paths the first time
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2004
    Posts
    6
    Rep Power
    0
    you should change that from background:... to background-image:
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2004
    Posts
    2
    Rep Power
    0
    Originally Posted by paularms
    you should change that from background:... to background-image:

    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
  6. #4
  7. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,268
    Rep Power
    1955
    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.

    cheers,

    gary
    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.

IMN logo majestic logo threadwatch logo seochat tools logo