CSS works fine in IE but not in Firefox

Discussion in 'CSS' started by a7n9, Feb 16, 2006.

  1. #1
    Hello all,

    This is a website I'm creating right now. I tested it in IE and it works fine there but in Firefox the logo pic and color behind the horizontal nav bar disappears.

    Any comments?
     
    a7n9, Feb 16, 2006 IP
  2. ElectronDon

    ElectronDon Peon

    Messages:
    114
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You've left out your URL.

    Firefox may not support the background image CSS attribute.
     
    ElectronDon, Feb 16, 2006 IP
  3. AWD1

    AWD1 Peon

    Messages:
    191
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #3
    They do support it. So that's not it.

    It's gotta be something else. But...without the URL, as you mentioned, it's hard to say.
     
    AWD1, Feb 16, 2006 IP
  4. wasabi

    wasabi Guest

    Messages:
    58
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    give us the link? Firefox supports 'real' CSS better than IE.

    From bad to good interpretation of CSS :

    IE < FF < Opera
     
    wasabi, Feb 17, 2006 IP
  5. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #5
    To begin, if IE displays one way and Firefox another, it is highly unlikely that IE's rendering is correct. Use a standards compliant browser such as Firefox for your testbed and use IE only for checking to see what buggy behavior needs a patch, and which unsupported property needs to be worked around.

    From your problem description, and taking a SWAG, I'd say you have failed to contain your float(s)[1]. Floats are not in the flow. An element whose only content is a float, has no content, and so no height. IE wrongly encloses descendent floats where the ancestor has hasLayout==true[2].

    cheers,

    gary

    [1] See Enclosing Float Elements http://garyblue.port5.com/webdev/floatdemo.html
    [2] See On having layout — the concept of hasLayout http://www.satzansatz.de/cssd/onhavinglayout.html
     
    kk5st, Feb 17, 2006 IP
  6. a7n9

    a7n9 Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Shoot, I'm sorry, here is the <a href="http://www.sgsss.org.in/">link</a>
    Thanks for the replies, guys.
     
    a7n9, Feb 23, 2006 IP