[CSS:]IE und Listen

  1. maceis

    maceis Thread StarterMacUser Mitglied

    Mitglied seit:
    24.09.2003
    Beiträge:
    16.696
    Zustimmungen:
    602
    hallo zusammen,

    ich habe ein nerviges Problem mit der Darstellung von Listen.
    Das Problem tritt - soweit ich bisher weiss - nur mit dem IE auf.

    Folgender CSS Text:
    HTML:
    #navi ul {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 10px;
    }
    #navi li {
        display: block;
        background-color: #cc8;
        padding: 1px 0;  
        margin: 5px;
    }
    führt zu folgender Darstellung:
    [​IMG]
    Ich möchte aber keine padding um die li Elemente.
    Mit
    HTML:
    ...
    #navi li {
        display: block;
        background-color: #cc8;
        padding: 0;  
        margin: 5px;
    }
    sieht es aber dummerweise so aus:
    [​IMG]

    Woher kommt der untere dicke Rand? Wie kann man es (möglichst einfach) ändern.
     
    maceis, 11.03.2006
  2. moses_78

    moses_78MacUser Mitglied

    Mitglied seit:
    08.04.2005
    Beiträge:
    1.264
    Zustimmungen:
    22
    Das Problem ist schon vor längerer Zeit hier aufgetaucht, und nennt sich "white-
    space bug
    ".

    Die auf der Seite aufgelisteten Methoden, um die Darstellung wieder zurecht
    zu rücken, haben bei mir nicht funktioniert. Verwende den Star-HTML-Hack
    und setzt margin-botton für den IE auf einen Wert zwischen -15px und -20px,
    so hab ich's zumindest hinbekommen ;)
     
    moses_78, 12.03.2006
  3. maceis

    maceis Thread StarterMacUser Mitglied

    Mitglied seit:
    24.09.2003
    Beiträge:
    16.696
    Zustimmungen:
    602
    Okay, danke.
    Die links musste ich gar nicht mehr lesen, nachdm Du das Stichwort white-space-bug genannt hatest.
    Da ist mir nämlich eingefallen, dass ich das schon einmal hatte und durch rumprobieren zu einer Lösung gekommen war.

    Bei mir genügt es, im html Quelltext alle <li>Elemente in eine Zeile unmittelbar hintereinander zu schreiben. Also etwa so:
    HTML:
    <li>Punkt 1</li><li>Punkt 2</li> ... 
    Nicht schön, aber wirkungsvoll.

    So und jetzt schau ich mir mal die Lösungsvorschläge in Deinen Links an ;).
     
    maceis, 12.03.2006
  4. moses_78

    moses_78MacUser Mitglied

    Mitglied seit:
    08.04.2005
    Beiträge:
    1.264
    Zustimmungen:
    22
    Oder eben so....
    Code:
      <li>Punkt 1</li
     ><li>Punkt 2</li
     ><li>Punkt 3</li>
    
     
    moses_78, 12.03.2006
Die Seite wird geladen...
Ähnliche Themen - [CSS ]IE Listen
  1. spam400
    Antworten:
    21
    Aufrufe:
    896
    spam400
    23.07.2010
  2. scope
    Antworten:
    4
    Aufrufe:
    608
  3. muellermanfred
    Antworten:
    7
    Aufrufe:
    1.141
    miss.moxy
    20.07.2008
  4. MXWorker
    Antworten:
    14
    Aufrufe:
    1.111
    msslovi0
    07.07.2008