Sven (κ): <hr /> lässt sich im IE 7 nicht ausrichten

Beitrag lesen

SELF-Forum

<hr /> lässt sich im IE 7 nicht ausrichten

Sven (κ)
– Informationen zu den Bewertungsregeln

Hallo Chris,

...
td.td_linie_l hr          { border:solid 1px #DEDEDE; height:1px; width:370px; position:relative; top:0px; left:0px; }
td.td_linie_r hr          { border:solid 1px #5D5D5D; height:1px; width:170px; position:relative; top:0px; left:10px; }

  • html td.td_ueb1a hr     { border:solid 1px #5D5D5D; height:1px; width:170px; text-align:center; }
  • html td.td_linie_r hr   { border:solid 1px #5D5D5D; height:1px; width:170px; text-align:center; }
    ...

> Damit formatiere ich die horizontalen Ternnlienen in den Tabellenzellen und richte sie mittig aus. Im FF2, IE6 und Opera klappt das wunderbar. Nur der IE7 ignoriert die Ausrichtung komplett.  
  
das wundert mich - <hr> kann man als Blockelement so doch eigentlich nicht ausrichten. AFAIK verhält es sich dabei ähnlich wie mit anderen Blockelementen: Für richtige Browser (FF, Opera, IE7) müsste sowas wie  
  
[¢ode lang=css]td.td\_line1 hr { width: 170px; margin-left: auto; margin-right: auto; } /\* unwichtige Sachen weggelassen \*/[/code]  
  
reichen, damit es im IE6 funktioniert, würde man mit folgender Alternative (die es auch in richtigen Browsern tud) arbeiten:  
  
~~~css
td.td_line1 { text-align: center; }  
td.td_line1 hr { width: 170px; }

ich denke das deckt sich ungefähr mit dem, was du gemacht zu haben behauptest:

Habe schon versucht das hr in ein div zu packen und dieses dann auszurichten - ohne Erfolg :((

Nun ja, probier also mal meine zwei einfachen Vorschläge aus.

Grüße,

Sven

Beitrag melden
–
Informationen zu den Bewertungsregeln