[CSS:]IE und Listen

Diskutiere mit über: [CSS:]IE und Listen im Web Page Design Forum

  1. maceis

    maceis Thread Starter MacUser Mitglied

    Beiträge:
    16.645
    Zustimmungen:
    596
    Registriert seit:
    24.09.2003
    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.
     
    Zuletzt bearbeitet: 11.03.2006
  2. moses_78

    moses_78 MacUser Mitglied

    Beiträge:
    1.322
    Zustimmungen:
    22
    Registriert seit:
    08.04.2005
    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 ;)
     
  3. maceis

    maceis Thread Starter MacUser Mitglied

    Beiträge:
    16.645
    Zustimmungen:
    596
    Registriert seit:
    24.09.2003
    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 ;).
     
  4. moses_78

    moses_78 MacUser Mitglied

    Beiträge:
    1.322
    Zustimmungen:
    22
    Registriert seit:
    08.04.2005
    Oder eben so....
    Code:
      <li>Punkt 1</li
     ><li>Punkt 2</li
     ><li>Punkt 3</li>
    
     
Die Seite wird geladen...
Ähnliche Themen - [CSS ]IE Listen Forum Datum
css - ie irgnoriert formatierung Web Page Design 23.07.2010
[CSS] Zur Abwechslung: IE passt, Safari/Firefox nicht… Web Page Design 25.07.2009
CSS-Lösung für IE-PNG-Problem? Web Page Design 10.07.2008
CSS - Box im IE 7 nicht in der Mitte - Lösung? Web Page Design 01.07.2008

Diese Seite empfehlen

Benutzerdefinierte Suche