What do you wish you knew before you spent hours trying to fix a bug in IE6 [closed]

Answer 1

The rendering quirk which causes a small white space underneath an image in a table cell if there is any white space between the end of the img tag and the closing td tag.

This renders right:

<td><img src="myimage.jpg"></td>

This renders wrong:

<td>
<img src="myimage.jpg">
</td>

Answer 2

1

hasLayout and this excellent explanation: http://www.satzansatz.de/cssd/onhavinglayout.html

I had a new lease on life once I'd wrapped my head around it! Ensuring that the containing element hasLayout fixes the vast majority of my problems.

2

jQuery!! Writing IE-specific CSS is bad enough, so I'm glad I rarely have to worry about JS anymore.

Answer 3

in addition to other IE bug lists that Ross and Loque gave above (gtalbot.com, what a beautiful site!

http://css-discuss.incutio.com/?page=InternetExplorerWinBugs

http://webbugtrack.blogspot.com/search/label/IE7

http://www.enhanceie.com/ie/bugs.asp

http://channel9.msdn.com/wiki/internetexplorerprogrammingbugs/ (like gtalbot, it'll take you hours to scroll thru this

---

and, hey, IE 8 beta 2

http://css-class.com/test/bugs/ie/ie-bugs.htm

---

finally, the IE voodoo doll!

http://www.flickr.com/photos/chisa/1349759901/

Answer 4

I Wish I'd Known That Internet Explorer Is The New Netscape Navigator 4.7.x

Answer 5

That even with all the PNG hacks in the world, if you're using PNGs as backgrounds in your divs (to make, for example, a panel with rounded borders), you're headed for a world of pain. (Links and other elements not being clickable, IE6 crashing in earlier versions of the png dll, etc.)

In summary: don't use transparent background PNGs if you want it to work in IE6.