Gernot Back: width 100% funktioniert nicht korrekt

Beitrag lesen

Hallo myAlexander,

ich habe glaube, ich habe unterwegs in diesem Thread allerlei Schwachsinn erzählt (Margin und Padding verwechselt):

Probier dies hier mal ohne und mit DOCTYPE-Tag; d.h. im Quirks- und CompatMode!

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>Trennlinie mit Abstand von links</title>  
<style type="text/css">  
[code lang=css]  
html, body {  
 padding:0;  
 margin:0;  
 width:100%;  
}  
  
.clipper {  
 padding-left:200px;  
 margin-top:100px;  
}  
  
hr.schwarzeLinie {  
 border:solid #000000;  
 border-width:1px 0 0 0;  
 width:100%;  
 height:0;  
}  

</style>
</head>
<body>

<div class="clipper">
 <hr class="schwarzeLinie" />
</div>

</body>
</html>
[/code]

Gruß Gernot