IE problems: z-indexing and spacing after closing <li>

Discussion in 'CSS' started by tar, Apr 19, 2007.

  1. #1
    hi folks,

    i don't quite understand why IE 6.0 interprets 2 things so different on my site => http://www.pro-lamer.net

    1st)
    the scrolldown-menu worked quite well on a site i've done before. now it doesn't. if i change the z-index for #post to -1, the menü scrolls over (how it should be) but the content of #post disappears (behind every other content).

    2nd)
    there is a spacing problem after closing <li> elements in IE 6.0. i think it has something to do with the "display: block" of the links. the other sidebar (u can't see on the pictures) doesn't have spaces, but there all links in ONE <li>. so the main problem is how to change the wordpress-command, i guess.

    the whole site works fine in opera 9.1, just to have a look:

    OPERA:
    [​IMG]

    IE ERRORS:
    [​IMG]

    thanks in advance
     
    tar, Apr 19, 2007 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    The easy one first:

    2) See my article White space bug revisited.

    1) IE has problems :shock: with z-index. In fact, it mostly gets it wrong. I didn't test, so you can. :) Give menu ul, or give whichever element it's underlying {position: relative;}. If one or the other doesn't do it, give it to both. With IE, it's good to be stingy with the position property.

    cheers,

    gary
     
    kk5st, Apr 19, 2007 IP
  3. tar

    tar Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks, both problems are now fixed. :)

    unfortunately, i don't understand how IE interprets position: relative;. if i add position: relative; to #content everything in #content is displayed correctly. but if not, there are some errors. and if i add it to #content the menu is below it.

    f.e. look on the borders of the comments. (=> http://www.pro-lamer.net/guildwars-farmbot-guide/#comments and play with down- & upscrolling). you clearly see that the top-border of the 1st comment disappears sometimes and if you hover the link in the upper-left edge of this comment the background stays changed.

    if you scroll down and up again the border sometimes disappears again. strange :eek:
     
    tar, Apr 19, 2007 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    Neither do I. It's one of those things that experience causes me to code in a manner that creating a positional context just for IE is seldom needed. And, I can't recall the last time I needed z-index for this type of layout. Hey, it's IE; why would you expect it to make sense?

    Oh, and I couldn't replicate your issue with the comments.

    cheers,

    gary
     
    kk5st, Apr 19, 2007 IP