Frage zu <hr>

[Die_Banditin]

Wieso sehen <hr>s im FF eigentlich so schwammig aus...irgendwie total unscharf und verwaschen?
Woran liegt das, kann man das irgendwie ändern? Im IE sehen die <hr>s genauso aus, wie ich sie gerne hätte, aber im FF sind sie total hässlich!

LG, Die_Banditin

 

[dkdenz]

Was machst Du mit den hr's, dass sie im IE so aussehen, wie Du es willst?

 

[Die_Banditin]

ich hab nur die Farbe verändert

 

[dkdenz]

Kannst Dich ja mal hieran orientieren:
http://forum.jswelt.de/showpost.php?p=154477&postcount=22

 

[Die_Banditin]

Danke!
Ich hab zwar in der Suchfunktion nach "<hr>" und "hr" gesucht, hat aber nichts ausgespuckt :whacky:

LG, Die_Banditin

 

[dkdenz]

Ja, die Suchfunktion ist leider suboptimal...
Hier aber mal der ganze Thread:
http://forum.jswelt.de/showthread.php?t=22417

 

[thrawn]

Also um <hr> tags in IE und FF gleich aussehen zu lassen nutze ich folgenden Style

hr {
	background-color:#CAC8D7;
	height:1px;
	border:0 !important;
	border:1px solid #CAC8D7;
}

Ich weiß es jetzt gar nicht recht zu erklären: jedenfalls interpretieren IE und FF border und höhe unterschiedlich.
Ein 1px hoher hr wird vom IE nicht dargestellt, deswegen bekommt nur der IE (!important wird nur vom FF interpretiert) einen Border, der einen px breit/hoch ist.

Hab ich mir mal irgendwann zusammengewurschtelt, funzt aber

 

[Skittles]

ich kannte bisher nur folgendes:

background:blue; /* für Mozilla */
color:blue; /* für IE */
border:blue; /* Opera */
height:1px;