hr margin im IE

UlliP

Grünschnabel
Ich habe eine Linie als hr so formatiert:

<hr style="width: 100%; height: 1px; padding: 0px; border: 0px; color: #309B67; background-color: #309B67; margin-top: 3px; margin-bottom: 3px; margin-right:0; text-align:center;">

Das Problem ist der obere und untere Abstand. Im FF werden die 3px korrekt dargestellt, im IE werden die 5px aus der übergeordneten Formatierung weiter angezeigt.
Was muß ich speziell für den IE eintragen?
 
Hi,

setz mal zu Beginn des Stylesheets folgende Regel ein:
CSS:
* {
margin:0;
padding:0;
}

mfg Maik
 
Okay, hab mir das mal im IE genauer angeschaut, und mußte feststellen, dass mein Vorschlag hier nicht wirklich weiterhilft :-(

Alternativ-Vorschlag, wenn der Außenabstand im IE so nicht hingenommen werden kann: das <hr>-Element durch ein <div> ersetzen.
HTML:
<div style="height:1px; overflow:hidden; padding:0; background:#309B67; margin:3px 0;"></div>


mfg Maik
 
Zurück