C. Kiesling: Listen: padding/margin Probleme

SELF-Forum

Listen: padding/margin Probleme

C. Kiesling
– Informationen zu den Bewertungsregeln

Hallo liebe Community!

Ich habe da ein Problem: Wenn ich bei Aufzählungslisten den Standard-Seitenabstand ändern will, dann reagiert der IE nur auf "margin-...", während alle anderen Browser auf "padding" reagieren.

Ich glaube dieses Problem ist weitgehend bekannt, jedoch konnte ich z.B. im Forumsarchiv keine wirklich befriedigende Lösung dafür finden.

Gibt es hier vielleicht irgendeinen "Listen-Bändiger", der eine Lösung für alle Browser gefunden hat?

Würde mich sehr darüber (und natürlich auch über jegliche andere Tipps in diese Richtung) freuen!

lG,
Constantin

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Listen: padding/margin Probleme

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Ich habe da ein Problem: Wenn ich bei Aufzählungslisten den Standard-Seitenabstand ändern will, dann reagiert der IE nur auf "margin-...", während alle anderen Browser auf "padding" reagieren.

    Make it so :-)

    (http://de.selfhtml.org/css/layouts/browserweichen.htm hilft dir dabei, die Browser jeweils mit dem "richtigen" CSS zu versorgen.)

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Listen: padding/margin Probleme

    JürgenB Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo C. Kiesling,

    ich kümmere mich bei Listen immer um margin und padding. Die Browser haben hier unterschiedliche Defaultwerte. Zum Üben habe ich mir eine Testseite gebastelt, auf der ich den ULs und den LIs farbige Rahmen gegeben habe. Evtl. musst du dich auch noch um Texteinzüge o.Ä. kümmern.

    Gruß, Jürgen

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Listen: padding/margin Probleme

    Axel Richter
    – Informationen zu den Bewertungsregeln

    Hallo,

    Ich habe da ein Problem: Wenn ich bei Aufzählungslisten den Standard-Seitenabstand ändern will, dann reagiert der IE nur auf "margin-...", während alle anderen Browser auf "padding" reagieren.

    Das kann ich nicht bestätigen und halte es für ein Gerücht.

      
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>Text des Titels</title>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<style type="text/css">  
<!--  
* {margin:0; padding:0;}  
ul {padding-left:1em; width:25ex;} /*Abstand für die Listenpunkte und Breite der Liste*/  
li {padding-left:0.5em;} /*Abstand zwischen Listenpunkt und Text vergrößern*/  
-->  
</style>  
</head>  
<body>  
<ul>  
<li>Listenpunkt</li>  
<li>laengerer Listenpunkt</li>  
<li>noch viel laengerer Listenpunkt mit viel Text</li>  
<li>Listenpunkt</li>  
</ul>  
</body>  
</html>

    Sieht im IE6.0, FF1.0.7 und Opera8.5 jeweils unter Windows identisch aus.

    Gegenbeispiel? Oder welchen IE meinst Du?

    viele Grüße

    Axel

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Listen: padding/margin Probleme

      C. Kiesling
      – Informationen zu den Bewertungsregeln

      Hi Axel,

      Danke für deine Hilfe! Mein Fehler war wohl, dass ich mit margin und padding im Elternelement rumgegurkt habe. Diese sollte man offentsichtlich beide auf null setzen und dann alles in den ul und li Elementen regeln.

      Danke vielmals (auch für die anderen Antworten natürlich!).

      lG,
      Constantin

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln