der Frank: Vertikaler Abstand von <hr>-Elementen im IE

Beitrag lesen

SELF-Forum

Vertikaler Abstand von <hr>-Elementen im IE

der Frank
– Informationen zu den Bewertungsregeln

Bei der CSS-Formatierung von <hr>-Elementen ist mir aufgefallen, dass der IE größere vertikale Abstände macht als angebeben. Im Beispiel (margin: 1px 0;) lassen Mozilla und Opera genau 1px zwischen den Linien, wogegen der IE ca. 16px freilässt. Wie lässt sich das Verhalten des IEs hierbei erklären? Und warum mach Mozilla 1px Abstand zwischen den Linien, müsste der korrekte Abstand nicht 1px+1px = 2px (boder-top + border-bottom) lauten?

MfG
der Frank

Beispiel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
<head>  
<title>&lt;hr&gt;-Test</title>  
<style type="text/css">  
<!--  
hr {  
 height: 1px;  
 padding: 0;  
 border: 0;  
 color: #000;  
 background-color: #000;  
 margin: 1px 0;  
}  
-->  
</style>  
</head>  
<body>  
<hr />  
<hr />  
<hr />  
<hr />  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln