Tuesday, July 27, 2010

Dead Code Olympics : Part 1 - Internet Explorer 6

The web has come a long way since the time of spacing gifs and tables inside tables inside tables (repeat ad nauseam) - however, a great many developers and users have not.

I'm going to list one of the most irksome practices of these curious creatures:

Internet Explorer 6

IE6 ! Gadzooks, forsooth ! Quite possibly the biggest burden on the internet right now. IE6 was provided for free with WinXP, and has cost developers and designers a fortune in antidepressants.

IE6 can change HTML when CSS is changed.. don't believe it ? See this :

In Chrome
In Internet Explorer 6
Notice the arrow ? Now, (Bruce Lee style) look at what its pointing to. "ct" ?? What's that ?

Well, "c" and "t" are the last two letters of "contact" - IE6 is simply repeating the end of the previous line.
If you hover over "ct", you get a hover effect on "contact".

However, you can stop this from happening - just change the width of the parent div, or the border, and the effect goes away.

Such is the power of IE6.

Kneel. Or you will be knelt.

- Debayan Gupta

No comments: