Please take a look at :
http://hellenic-institute.rhul.ac.uk/research/Etheridge-development/Test/
(transcript below) and compare its appearance in IE 10
and another browser (I use Seamonkey; it will almost
certainly appear in Firefox as it does in Seamonkey,
as they use the same rendering engine).
If you use page zoom (Ctrl +) to make everything clearly
visible, you will see that in IE, the generated content
on line two is about one half of the generated content
on line one, whilst the generated content on line four is
exactly the same size as that on line three. Lines one
and two use "em" units for the generated content, lines
three and four use "rem" units. The only difference between
the first and second line of each pair is that the <P> element
is placed in a class, and the CSS rule applies both to the
classless and classed <P> elements.
It seems to me that IE may be incorrectly applying the font-size
attribute of the rule twice in the case of the classed <P> elements
(but not the content attribute) -- once for the <P> and once for
the class; what do others think ?
Philip Taylor
--------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>IE generated content test</TITLE>
<STYLE type="text/css">
DIV.em P::before, DIV.em P.EOF::before
{font-size: 0.5em; content:"em-units: "}
DIV.rem P::before, DIV.rem P.EOF::before
{font-size: 0.5rem; content:"rem-units: "}
</STYLE>
</HEAD>
<BODY>
<DIV class="em">
<P>Line one</P>
<P class="EOF">Line two</P>
</DIV>
<DIV class="rem">
<P>Line three</P>
<P class="EOF">Line four</P>
</DIV>
</BODY>
</HTML>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
