Background image problem in firefox

Discussion in 'CSS' started by fun123, May 13, 2007.

  1. #1
    Hey

    IE shows the page correctly. But Firefox(1.0.7) cannot show the header image. I could not find a solution.

    Here is the link

    http://www.ndsu.nodak.edu/ndsu/osmani/new_career_center/students/

    and the CSS code

    #headerimg
    {
    height:131px;
    width:100%;
    background-color:#FFCC00;
    }
    #headerimg
    {
    background-image:url(images/header.jpg);
    }

    Sometimes I can see it when I edit the CSS using the Web Developer plugin. But if I disable CSS editing, it goes away again.

    Could anybody please give me a solution?
     
    fun123, May 13, 2007 IP
  2. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Check to make sure the path to the image and the image's actual location actually match.
     
    Dan Schulz, May 13, 2007 IP
  3. fun123

    fun123 Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Path is ok..

    I found the problem... when I use background-image in external CSS, it works. But if I put this property in html as embedded style, it doesn't. I could not fix it. I just move my style from embedded to external.
     
    fun123, May 14, 2007 IP
  4. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Then it was probably the path then. Unless you changed the relative path between the embedded and external stylesheets that is.

    Anyway, I'm glad to see that you got it fixed. :)
     
    Dan Schulz, May 14, 2007 IP