Hallo,
Folgendes Testdokument hat einen Block der Breite '10em' bei einer Schriftgröße von '1em'. Jetzt sollte der Block meiner Meinung nach von 10 'm' ausgefüllt sein, ist er aber nicht:
http://madrat.net/tmp/test-em.html
Wer kann mir das erklären/korrigieren?
Niemand.
Alles was meine Vorgänger gesagt haben ist nett, aber trotzdem irrelevant, weil die Browser machen wis sie wollen:
Im folgenden Test zeig allein Opera eine Veränderung beim zu- bzw. weglassen der Definitionen für body.
Grüße
Thomas
--------
<!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=iso-8859-1"/>
<title>Test</title>
<style type="text/css">
/*body {
font-size: 1em;
font-family:sans-serif;
}*/
.test {
font-size: 1em;
width: 10em;
border: 1px solid red;
margin-bottom:1em;
}
#test1 { font-family:Times; }
#test2 { font-family:Arial; }
#test3 { font-family:cursive ; }
#test4 { font-family:Helvetica; }
#test5 { font-family:monospace; }
</style>
</head>
<body>
<div id="test1" class="test">MMMMMMMMMM</div>
<div id="test2" class="test">MMMMMMMMMM</div>
<div id="test3" class="test">MMMMMMMMMM</div>
<div id="test4" class="test">MMMMMMMMMM</div>
<div id="test5" class="test">MMMMMMMMMM</div>
</body>
</html>
------------