HR-Element mit CSS formatieren

[daWonderer]

Hallo,

ich habe auf einer Seite ein HR-Element mit einer CSS-Klasse formatiert.
Das Element wird jedoch unterschiedlich dargestellt - innerhalb der Seite sehen beide Elemente im FF unterschiedlich aus.

Woran kann das liegen?

Wieso sind die Trennlinien im IE nicht blau?

.leftSplitter 
{ 
width:93%;
height:0.1em;
border-width:0px;
background-color:#0838B8;
border-color:#0838B8;
margin-left:auto;
margin-right:auto;
}

siehe hier -> HR-Test

In der linken Spalte sind die beiden HRs.

Für Ratschläge bin ich dankbar!

 

[anna55]

Nimm statt border-color

border-top: solid 1px #0838B8;

 

[daWonderer]

Danke, das hat das Farb-Problem im IE gelöst!

Sind die Trennlinien im FF bei dir unterschiedlich stark?

 

[anna55]

Sind die Trennlinien im FF bei dir unterschiedlich stark?

Ja, sind sie. Das Problem entsteht durch die unterschiedlichen Angaben in der Klasse zur Höhe. Du hast

height:0.1em;

angegeben. Ich habe nicht darauf geachtet und 1px geschrieben. Die height-Angabe muss raus und dafür hier rein

border-top: solid 0.1em #0838B8;

 

[daWonderer]

Die height-Angabe muss raus

Das hat geholfen, danke!