Zitat:
|
Zitat von gerrit
Nope. 100% ist keinesfalls default, sondern 133% beim body, jedenfalls laut default-Stylesheet des W3C. Bei einzelnen Implementation kann das geringfügig abweichen, ist jedoch nie 100%.
|
Stimmt was Gerrit schreibt 
Angeregt durch den Einwand von Gerrit habe ich mal einen kleinen Workaround veranstaltet, und siehe da meine CSS-Literatur hat gelogen.
So kann es jeder mal nachvollziehen
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head><title>Titel</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<style type="text/css"> <!--
html,body {
padding: 0px;
margin: 0px;
background-color: #FF9922;
color: #000000;
/* font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
*/ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
}
div {
margin: 25px;
border: 1px solid #000000;
padding: 10px;
background-color: #FFFFFF;
}
p {
padding: 1em 0;
font-size: 0.7em;
}
p.l80 { line-height: 80%; }
p.l100 { line-height: 100%;}
p.l133 { line-height: 133%;}
p.l150 { line-height: 150%;}
p.l200 { line-height: 200%;}
span { background-color: #FFCC00;}
-->
</style>
</head><body><div>
[delault]
Es wird nicht nur der <span>Header</span> an den Browser geschickt
Es wird nicht nur der <span>Header</span> an den Browser geschickt
Es wird nicht nur der <span>Header</span> an den Browser geschickt</p>
<p class="l100">[line-height: 100%]
Es wird nicht nur der <span>Header</span> an den Browser geschickt
Es wird nicht nur der <span>Header</span> an den Browser geschickt
Es wird nicht nur der <span>Header</span> an den Browser geschickt</p>
<p class="l80">[line-height: 80%]
Es wird nicht nur der <span>Header</span> an den Browser geschickt
Es wird nicht nur der <span>Header</span> an den Browser geschickt
Es wird nicht nur der <span>Header</span> an den Browser geschickt</p>
<p class="l133">[line-height: 133%]
Es wird nicht nur der <span>Header</span> an den Browser geschickt
Es wird nicht nur der <span>Header</span> an den Browser geschickt
Es wird nicht nur der <span>Header</span> an den Browser geschickt</p>
<p class="l150">[line-height: 150%]
Es wird nicht nur der <span>Header</span> an den Browser geschickt
Es wird nicht nur der <span>Header</span> an den Browser geschickt
Es wird nicht nur der <span>Header</span> an den Browser geschickt</p>
<p class="l200">[line-height: 200%]
Es wird nicht nur der <span>Header</span> an den Browser geschickt
Es wird nicht nur der <span>Header</span> an den Browser geschickt
Es wird nicht nur der <span>Header</span> an den Browser geschickt</p>
</div></body></html>