CSS Site Background Image (not working in Firefox)

Discussion in 'CSS' started by yo-yo, Jan 7, 2006.

  1. #1
    :mad:

    hxxp://www.italianwatches.net

    The bg is comprised of 2 div tags that start at the beginning of the page. It's working fine in IE but doesn't display at all in Firefox. Anyone have a good solution?
     
    yo-yo, Jan 7, 2006 IP
  2. stuw

    stuw Peon

    Messages:
    702
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I think your missing the closing </divs>
     
    stuw, Jan 7, 2006 IP
  3. yo-yo

    yo-yo Well-Known Member

    Messages:
    4,619
    Likes Received:
    206
    Best Answers:
    0
    Trophy Points:
    185
    #3
    They're at the very end of the page now, still no luck in (stupid ^$#&^) firefox :(
     
    yo-yo, Jan 7, 2006 IP
  4. stuw

    stuw Peon

    Messages:
    702
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    0
    #4
    change the name of your classes from lc1 and lc2 to lcone and lctwo
     
    stuw, Jan 7, 2006 IP
    yo-yo likes this.
  5. stuw

    stuw Peon

    Messages:
    702
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    0
    #5
    seriously, change the name of the classes. ff has issues with class names at times
     
    stuw, Jan 8, 2006 IP
  6. LGRComp

    LGRComp Well-Known Member

    Messages:
    516
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    195
    #6
    He is right, it is most likely your class names. A quick test through the css validator outputs this:

    * Line: 5 Context : div.1c2

    In CSS1, a class name could start with a digit (".55ft"), unless it was a dimension (".55in"). In CSS2, such classes are parsed as unknown dimensions (to allow for future additions of new units) : To make ".1c2" a valid class, CSS2 requires the first digit to be escaped (".\31c2")
    * Line: 10 Context : div.1c1

    In CSS1, a class name could start with a digit (".55ft"), unless it was a dimension (".55in"). In CSS2, such classes are parsed as unknown dimensions (to allow for future additions of new units) : To make ".1c1" a valid class, CSS2 requires the first digit to be escaped (".\31c1")


    There are several other things you might want to look into as well. Here is the link to W3C's CSS validator.

    http://jigsaw.w3.org/css-validator/...&warning=2&uri=http://www.italianwatches.net/

    Good Luck.
     
    LGRComp, Jan 8, 2006 IP
  7. yo-yo

    yo-yo Well-Known Member

    Messages:
    4,619
    Likes Received:
    206
    Best Answers:
    0
    Trophy Points:
    185
    #7
    Stuw - thanks for the advice it worked :)

    LGR thanks for the further clarification - it's trivial crap like this that makes me really hate doing anything firefox compatible!
     
    yo-yo, Jan 8, 2006 IP
  8. stuw

    stuw Peon

    Messages:
    702
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    0
    #8
    cheers - I think there are also issues with using a - in class names. Not sure which browser, or if its just a validation thing. But for my own peace of mind I do not use anything but letters in my class names.

    Thanks LGR for further insight
     
    stuw, Jan 9, 2006 IP
  9. FeelLikeANut

    FeelLikeANut Peon

    Messages:
    330
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    #9
    I hate it when I'm programming and a compiler gives me an error for missing a semi-colon, or a parenthese. It should just know what I want to do and do it. But, alas, all of us must correct our errors, even the trivial ones.
     
    FeelLikeANut, Jan 9, 2006 IP
  10. FFH

    FFH Peon

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    I am so glad that someone invented forums..and i am glad that someone else has had the problem which i just had.. so i could easily fix it without starting a thread and wait for some replies..you guys rock!!!
     
    FFH, Oct 23, 2007 IP