[EMAIL PROTECTED] wrote:
> What I observed
> was that IE seems to have a precise hierarchy for classed divs (which is all
> good and well) but it creates all kinds of headaches if you have more than 1
> classed div that you to work with. This is because the second classed div
> gets
> short-changed because each classed div has to immediately follow the opening
> div declaration if it is to work correctly.
I think you have described the multiple #id.class bug [1].
Putting the rules on "parser levels":
#myid.color {color: blue;} /* A */
#myid.bg {background: red;} /* B */
Both rules share the same unique identification #myid.
A page with this markup fails to show the red background:
<p id="myid" class="bg"> red background </p>
while another page shows the blue color correctly:
<p id="myid" class="color"> blue text </p>
If the class string does not match (A) on the first "level", IE will not
look into any further rule with this #id (B), because it's unique, or
isn't it?
We can apply this 'parser logic' IE6 and IE7b2preview to another problem:
This does not work (no background, but blue text):
<p id="myid" class="bg color"> blue text on red </p>
This does work:
<p id="myid" class="color bg"> blue text on red </p>
If the string 'color' does match (A) on the first level, IE will look
into a further rule with this #id (B).
Again:
#myid.color {color: blue;}
#myid.bg {background: red;}
#myid.deco {text-decoration: underline;}
This will show blue on red without underline:
<p id="myid" class="color deco bg"> blue, underlined, on red </p>
'deco' does not match on the second level, but 'bg' does;
This will work:
<p id="myid" class="color bg deco"> blue, underlined, on red </p>
Confusing.
[1] http://css-discuss.incutio.com/?page=InternetExplorerWinBugs
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
