tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
1346
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    UlliP UlliP ist offline Grünschnabel
    Registriert seit
    Sep 2009
    Beiträge
    2
    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?
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    setz mal zu Beginn des Stylesheets folgende Regel ein:
    Code css:
    1
    2
    3
    4
    
    * {
    margin:0;
    padding:0;
    }

    mfg Maik
     

  3. #3
    Maik Tutorials.de Gastzugang
    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-Code:
    <div style="height:1px; overflow:hidden; padding:0; background:#309B67; margin:3px 0;"></div>

    mfg Maik
     

  4. #4
    UlliP UlliP ist offline Grünschnabel
    Registriert seit
    Sep 2009
    Beiträge
    2
    Hallo Maik,

    Perfekt gelöst! Vielen Dank, hab's schon auf meiner Homepage geändert.
     

Ähnliche Themen

  1. Antworten: 6
    Letzter Beitrag: 12.09.08, 13:49
  2. CSS falsches Margin
    Von Traxmaxx im Forum CSS
    Antworten: 0
    Letzter Beitrag: 06.02.08, 13:30
  3. Margin iE5.5 und 6
    Von DenisCGN im Forum CSS
    Antworten: 2
    Letzter Beitrag: 17.01.08, 08:11
  4. Div-Margin
    Von messmar im Forum CSS
    Antworten: 2
    Letzter Beitrag: 20.07.05, 14:40
  5. Antworten: 1
    Letzter Beitrag: 13.12.04, 13:51

Stichworte