extremely odd behavior in IE

Discussion in 'CSS' started by the2003s, Dec 7, 2006.

  1. #1
    Hi check out this page in FF and in IE. You'll notice that in the product area, on line 3 there is a flaw in which the code is displayed, like there are 2 products missing, but in fact IE starts that line from the third box. I just don't get this one.. Maybe you guys can check it out. Tell me what you think?
     
    the2003s, Dec 7, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Not tested, and I hope I can explain my suspicions.

    I think that the pics in #s 4 and 5 are slightly taller than others. IE does not handle the default overflow:visible correctly, instead, increasing the height of the containing element(s). This increase drops the bottom of the container so that #7 is blocked from sliding to the left as it would, otherwise.

    Use the height attribute on the images in #s 4 and 5 to reduce the height a bit. If my suspicions are correct, that should fix the problem. It would probably be a good idea to fix the height of all images to be the same. Be aware that over size widths can cause problems in IE, too.

    cheers,

    gary
     
    kk5st, Dec 8, 2006 IP
    the2003s likes this.
  3. Correctus

    Correctus Straight Edge

    Messages:
    3,453
    Likes Received:
    389
    Best Answers:
    0
    Trophy Points:
    195
    #3
    IE is buggy with tonnes of pages and so is Firefox sometimes, your best bet would be to make the site work well with both the browsers

    IT
     
    Correctus, Dec 8, 2006 IP
  4. the2003s

    the2003s Active Member Affiliate Manager

    Messages:
    83
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    60
    #4
    Pure genius! Thanks gary, I owe you a beer. It was the image height that caused that one.
     
    the2003s, Dec 8, 2006 IP