Yet another IE CSS bug

Posted Wednesday, March 15, 2006 at 14h49 in Computers

Those of you who are web designers-- you know that feeling you get after spending a large amount of time trying to figure out why your page works in Firefox but not Internet Explorer, and eventually discovering yet another pitfall in the way IE handles CSS? I've become quite familiar with that feeling, so often now that surprise and disbelief no longer accompany such scenarios, just mere disappointment and loss of faith in anything Microsoft does.

This time it's IE's failure to properly parse the display tag. I have a script to toggle the visibility of table cells by toggling their display attribute between "table-cell" and "hidden." It works perfectly in Firefox and Opera. In IE, hiding table cells works, but making them visible again doesn't. The reason is that when IE encounters this line:

  1. document.someTableCellElement.style.display "table-cell";

IE breaks-- it discards that line and all subsequent javascript code after that line. That's why the table cells weren't being made visible. That's why IE blows chunks like nobody's business. And with the upcoming IE7 release failing to address this and many of its other CSS bugs, that's one more reason why Internet Explorer is bad.

1 Comment »

#15

Comment from pekkle on March 16, 2006 at 4:46 am

You’ve probably heard of the Acid2 test - specifically designed to test browser compliance w/ the standard specifications, as well as some features that web designers seem to like but haven’t been fully approved by the w3c or something.

Here’s the guide …

Currently the latest build of Opera 9.0 passes the test completely; Firefox is off and IE is even further off.

There’s a Slashdot thread about it here.

RSS feed for comments on this post | TrackBack URI

Leave a comment

XHTML: You can use these tags:

<a href="" title="">
<abbr title="">
<acronym title="">
<b>
<blockquote cite="">
<code>
<em>
<i>
<strike>
<strong>