Win 7
Firefox 44.0.2
Chrome 48.0
Opera 35.0
Hi hO!
Es gibt ein Problem mit dem HTML <hr>-Tag mit "border" in Firefox und HTML5.
Genauer: Die <hr>-Linie mit "border-width" wird in Firefox anders dargestellt als in Chrome und Opera.
Chrome und Opera zeigen den Rand (border-width) ausserhalb, also exklusive der "height" an.
Firefox zeigt den Rand (border-width) innerhalb, also inklusive der "height" an.
Wie das im Internet Explorer ist, kann ich nicht sagen, da ich nur den IE 8 habe und der kann kein hr border-width.
Beispiel:
hr {
width: 99%;
height: 10px;
background: #00AFFF;
border-radius: 20px;
border-width: 5px;
}Mit diesem Beispiel wird die hr-Linie folgendermaßen angezeigt:
Firefox: Es ist nur der Rand/Border mit einer Höhe von 10px zu sehen.
Chrome/Opera: Es ist der Background mit einer Höhe von 10px und der Rand/Border mit einer Höhe von 10px zu sehen.
Der <hr>-Tag bei W3Schools:
http://www.w3schools.com/tags/tag_hr.asp
Der <hr>-Tag bei MDN:
https://developer.mozilla.org/de/docs/Web/HTML/Element/hr
Falls das ein Bug ist, so möge ihn doch bitte jemand melden.
Ich hab dafür keine Zeit.