IE does not expand like FF

Discussion in 'CSS' started by johagulo, Apr 26, 2010.

  1. #1
    Can you guys do me a favor?

    I have a website that I am designing, www.malpri.com/articles
    Here there are some black buttons in the center and when the mouse hovers over them, the height expands, but it does not happen in IE (any version). Why? Seriously just check it out in FF and IE, FF3.6 shows it correctly, but not IE? (Note that I am talking about the last row buttons in IE, not the 1st,2nd r 3rd rows as they show up correctly in IE/FF. The last row only shows correctly in FF)
     
    johagulo, Apr 26, 2010 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    Why does this surprise you? (haven't looked yet)
     
    drhowarddrfine, Apr 26, 2010 IP
  3. raid

    raid Peon

    Messages:
    63
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I've looked, but I cant find why :s it's not with the html I believe, so it's probably something with the css.
     
    raid, Apr 26, 2010 IP
  4. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #4
    My question was not if you had looked yet. My question was why does something working in FF but not IE surprise you?
     
    drhowarddrfine, Apr 26, 2010 IP
  5. johagulo

    johagulo Peon

    Messages:
    879
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #5
    well actually it does not surprise me. take a look at the site im making and tell me why in IE it works everywhere correctly except for the last block. why it doesnt expand?
     
    johagulo, Apr 27, 2010 IP
  6. Piggy

    Piggy Active Member

    Messages:
    574
    Likes Received:
    9
    Best Answers:
    1
    Trophy Points:
    70
    #6
    It works for me in IE8...
     
    Piggy, Apr 28, 2010 IP
  7. johagulo

    johagulo Peon

    Messages:
    879
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #7
    No it does not. The last box in IE does not expand at all. Any ideas? if the total length of the expanding goes beyond in IE, the last few items get cut off
     
    johagulo, May 3, 2010 IP
  8. kinzie

    kinzie Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Try using the updated version of IE. I have no issues with the site.
     
    kinzie, May 3, 2010 IP
  9. johagulo

    johagulo Peon

    Messages:
    879
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #9
    No wait. I think I have been misunderstood. In FF if u hover on any of the black items, u get a dropdown menu that has around 10 items(i think). Everything is fine in FF. But in IE, the dropdown shows, but only around 8-9 items show.(This only happens for the last row of black items, the 1st, 2nd row and 3rd show all 10 items). I do not know why it happens in IE like this.
    The jquery I have used expands the surrounding box of each black item depending on the height of the dropdown menu(which is supposed to vary for diff items).[Try to use firebug to see what I mean]. Notice in FF even the last row shows up well(all 10 items), but not IE.

    Another thing that I noticed is that if I hover on the 1st, 2nd or 3rd rows in FF, the below items get PUSHED down maintaining the right height. This is not happening in IE, in IE, the items are not pushed down like in FF, and the height gets reduced (to understand what I mean, hover on the 3rd row, 1st column; notice in FF the 4th row maintains height when pushed down. In IE, the heoight is not maintained the same)

    Any ideas?
     
    johagulo, May 3, 2010 IP
  10. johagulo

    johagulo Peon

    Messages:
    879
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #10
    c'mon somebody help me!!!!!!!!!!!!!!!!!!
     
    johagulo, May 3, 2010 IP