I recently stumbled upon this "feature" quite by accident and spent a couple of hours trying to track down the problem. What was happening was that IE6 would crash as soon as the page would render, but the page would render fine in IE7, FireFox and every other browser I tried. Consider the following code:
<style>table *{position:relative;}</style>
<table><input></table>
Those two lines is all it takes to cause a crash in IE6. This is just a loose guideline, as I didn't have anything close to that in my code.
To cause this crash, you need to satisfy two guidelines:
My page was significantly longer and had several more elements and styles on it. However, all I had to do was satisfy the two requirements I outlined to cause IE6 to die whenever the page rendered.
Luckily, the fix for this is fairly straight forward. The easiest solution is to rewrite your page so that it contains well-formed HTML. This means either surrounding the offending <input> tag in <tr> and <td> tags:
<style>table *{position:relative;}</style>
<table><tr><td><input></td></tr></table>
or moving the <input> tag outside of the <table> tag:
<style>table *{position:relative;}</style>
<input>
<table></table>
Once I identified the problem, I was able to find several references to this problem on the internet, so it is not a completely unknown issue, but it might as well have been for all the help I was able to find.
More Reading:
Top 7 Ways to Crash Internet Explorer
http://seo2.0.onreact.com/top-7-ways-to-crash-internet-explorer
Comments
Post new comment