Internet Explorer Troubles Again

pumpkin head It turns out that people using IE 5.x or 6.0 couldn’t see my pumpkin image. I think I now know what the bug is in Internet Explorer.
There should be an image on the left of this text positioned using the align=”left” attribute. I think this makes IE render the image on the layer with z-index: 1, i.e the background, instead of the containing block which has z-index: 3. To prove it, I’m repeating the image below without the align attribute. So apologies to those with correctly behaving browsers for the double image. Of course Internet Explorer didn’t render the fixed ghosts correctly either!
I’ve not managed to find this documented anywhere!

pumpkin head

Fix found!: A user of my theme found a cure for the problem. If you add the style attribute

position:relative

to the object (it also happens to divs) that is hidden, it will reappear in it’s correct location.

10 thoughts on “Internet Explorer Troubles Again

  1. I’m on IE6. Much of the time when I click onto Hotmail, I get “Object
    Moved” amd the usual garbage. Eventually I get in, but it is frustrating.
    What is causing this?

    Chuck

  2. Chuck,
    that sounds like a problem with the hotmail server rather than IE6. Probably when the servers are very busy. As you eventually manage to get in I wouldn’t worry too much about it.

    Mike

  3. I am having the same problem, which I just found out tonight. We both seem to have learned that the image will appear if there is no align parameter in the img tag. I expect the problem is in the css, and IE is not picking up something within the div tag.

    I snagged my css template from http://www.alexking.org/index.php?content=software/wordpress/styles.php
    (Mars Spirit) and modified the colors and box widths and such.

    If you find a solution, I’d love to hear it – likewise, I’ll get back with you if I find one.

  4. Hi Mr Fab,
    I thought that maybe the CSS attribute float might do the trick, but even that doesn’t work in IE πŸ™
    So, in summary: No. I don’t have a solution yet, sorry.

    Mike

  5. I note that your entry is a long time ago, yet there appears to be no widespread recognition of this problem.
    Yours is almost the only entry I can find on it.
    It seems to happen when you use straight CSS and multiple overlapping divs.

    I’m still searching
    Giovanni

  6. Hi Giovanni,
    A user of my theme found a cure for the problem. If you add the style attribute position:relative to the object (it also happens to divs) that is hidden, it will reappear in it’s correct location.

    Hope this helps,
    Mike

  7. Thanks for the help. I seem to be using an older version of the theme, and dont’ have time to update since I’ve adjusted a few things on mine. But I have to say this problem has been bugging me for a while, and I’m glad I was able to find a solution. thanks guys!

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.