Probleme mit einer Trennlinie

Ich habe eine Trennlinie auf meiner seite

<hr class="hr1" />

Css style dazu:
/* Trennlinien */
.hr1 { color:#FF6633; height:1px; margin:6px; width:90%; text-align:center }

Mein PROBLEM der IE 7 zeigt die Linie genau so an wie sie sein soll, in der richtigen Frabe und zentriert. Doch in Firefox 2.0 ist sie grau und links.


MFG
Lady Pinky

 

...Der IE zeigt nicht wie soll - text-align muss im übergeordneten Blockelement angegeben werden. Probiere mal Folgendes (ungetestet):

Code:

margin-left:auto; margin-right:auto;

Eventuell noch ein "display:block" dazu.

 

Danke für die Antwort. zentriert ist sie nun in beiden nur die Farbe fubnktioniert nicht. Habt ihr dafür ne Lösung per CSS?

 

Du musst die Hintergrundfarbe setzen. Nach deinem Code siehst du die Rahmenfarbe. Also color raus, ein border: 0px und background-color rein.

 

Ein großes DANKE

MFG
Lady Pinky

 

Ich habe hier ein ähnliches Problem:

IE:


Firefox (Die Trennlinie wird eingerückt):


Hier der Code:

Code:

<table border="0" width="100%" style="border-collapse: collapse;">
<tr>
<td width="160" valign="top" style="padding-left: 20px; font-family: Arial; font-size: 13px; text-align: left; border-right: 1px dotted black;">
<hr>
News
......
</td>
</tr>
</table>

..und hier die CSS-Formatierung:

Code:

hr{
border-style: dotted; 
height: 1px; 
width: 150px; 
color: black; 
}

Habs schon mit der Lösung oben versucht, klappt aber nicht...

 

Was stört dich denn?

 

im firefox werden die trennlinien eingerückt. Das soll aber nicht so sein!

 

Jut, erst mal musst du rechnen und die Werte entsprechend korrigieren, sonst bekommst du unschöne Nebeneffekte

Spaltenbreite soll 160 sein
Gleichzeitig hättest du gern einen linken Innenabstand von 20
Sind genau 10 zu wenig für deine Linie

 

Aua, man sieht vor lauter Bäume den Wald nicht mehr! Danke!