Firelog

I love Internet Explorer, I really DON’T. I just spent 2 hours trying to find some kind of hack to fix the most bizarre bug I’ve found in it, and the hack that finally fixed it, was almost as bizarre as the bug itself.
Here goes: I have a page with a table (Yes, I know I shouldn’t use tables for design, but it’s a lot easier in this case.), and three iframes beside eachother inside that table. The table has its height and width set to 100%, and the iframes have their height set to 98% (100% also works) of their table cell. That’s all I have to tell you to reproduce this. The thing that happens is that the third line in each iframe becomes invisible. Only the third line, only the text of it, and it doesn’t matter if the third lines have the same distance from the top. These pictures show the result:

This is what it looks like in IE.

This is what it should look like.

It works as it should in all browsers except IE (just like everything else…), and it works as it should if I remove the height property of the table. Quite bizarre bug, don’t you think?
Anyway, the fix is, as I said, quite bizarre too. Put a div tag around the iframes. the bad thing with that is that it doesn’t work in other browsers, because then the div tag doesn’t fill the entire height of the table cell. I tried setting the height of the div tag, but then the bug reappeared in IE, so I added some comment hacks:

<!--[if lt IE 7]>
<div>
<![endif]–>
  [iframe(s) here]
<!–[if lt IE 7]>
</div>
<![endif]–>


I just love these bizarre bugs that keep appearing in IE for no reason. Maybe I should boycott IE and leave that bug in the web site. Then we’ll see what happens, because making all these hacks is getting quite tedious.

EDIT: Forgot to say it, but this result was in IE 6 (the comments hack’s “lt” means Less Than, so they shouldn’t trigger on IE 7, which I haven’t tested yet though…

//Firetech

P.S. While I’m on the subject of Microsoft: I found this article quite interesting…

This entry was posted 5 years, 9 months ago on Tuesday, April 18th, 2006 at 19:34 by firetech and is filed under Computers, Projects. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.