IE6 Pegs CPU at 100% using this HTML/CSS

  • Thread starter Thread starter imjimmurphy
  • Start date Start date
I

imjimmurphy

Hello all,

WARNING: Please don't attempt to retry this experiment unless you know
how to terminate a running iexplorer.exe process.

We have a problem with some HTML we're generating in our product. For
some machines running IE6/XP latest SPs the browser is pegged trying to
render the page. We're trying to figure out how we can avoid this
problem by rendering our markup differently.

The page renders instantly on most systems but on ~%20 of the systems
we have here it pegs the CPU for about 40 seconds before it completes.

Thanks in advance

Jim Murphy

-- Start of HTML to repro (exclude this line) --
<html>
<head>
<style type="text/css">

.ourCssClass
{
width: 100%;
}

</style>
</head>
<body>


<div class="ourCssClass">
<div class="ourCssClass">
<div class="ourCssClass">
<div class="ourCssClass">
<div class="ourCssClass">
<div class="ourCssClass">
<div class="ourCssClass">
<div class="ourCssClass">
<div class="ourCssClass">
<div class="ourCssClass">
<div class="ourCssClass">

<div>a div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div>
<div>a div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div>
<div>a div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div>
<div>a div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div>
<div>a div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div>
<div>a div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div>
<div>a div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div>
<div>a div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div>
<div>a div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div>
<div>a div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div>
<div>a div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div>
<div>a div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div><div>a div</div><div>a div</div><div>a div</div><div>a
div</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</body>
</html>
-- End of HTML (exclude this line) --
 
check the Internet Settings on the machines that are causing the problem

On the general tab, Accessibility button, are they using a User Stylesheet?

My guess is that the machines are maxing out trying to resolve the server
side and client side styling.

Sorry but I have given up on complex server side styling. User is King.
 
Now thats an angle I never would have thought of though I remain
confused.

Where do you see a "server side styling" in the example I provided? I
have one CSS class inlined with this page called "ourCssClass".

What pray-tell is a "User Stylesheet" - the css sheet I can provide int
hat accessibility dialog? Seems kinda fringe to be the answer.
 
Back
Top