Das hr-Element gestalten
Die Verwendung des hr-Elements ist eigentlich eine sinnvolle Methode zur Seitenstrukturierung, gerade für Benutzer, die sich Seiten ohne Stylesheet auschauen.
Die horizontal rules (engl.) kommen jedoch immer seltener zum Einsatz, da viele nicht wissen wie sie sie zuverlässig für die meisten Browser formatieren sollen. Folgenden kleine Übersicht soll dies ändern:
hr
{
background: blue; /* Mozilla 1.4 */
color: blue; /* IE 6 */
border: blue; /* Opera 7.11 */
/* In Opera ist eine feste Höhe für die Anzeige
notwedig, hingegen in Mozilla für eine
einheitliche Darstellung wichtig. */
height: 1px;
}
Theoretisch ist sogar ein Hintergrundbild für das hr-Element möglich. Es scheitert aber an der unglücklichen Darstellung im IE, da er um das BIld seltsame Ränder darstellt
Brianwelch
Hi! Leider macht der Internet Explorer vor und nach dem HR Tag mehr Abstand wie Beispielsweise Firefox. Somit ist eine richtige Anpassung wieder nicht möglich.
OverflooD
Dafür kann man ja noch manuell die paddings und margins anpassen - dann ist auch dies geregelt.
ZiGZag
"Dafür kann man ja noch manuell die paddings und margins anpassen - dann ist auch dies geregelt."
Eben nicht, es handelt sich um einen bekannten IE-Bug, der auch in IE7 immer noch vorhanden ist.