[CSS:]IE und Listen

[maceis]

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:

#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:

Ich möchte aber keine padding um die li Elemente.
Mit

...
#navi li {
    display: block;
    background-color: #cc8;
    padding: 0;  
    margin: 5px;
}

sieht es aber dummerweise so aus:

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

 

[moses_78]

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

 

[maceis]

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:

<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 .

 

[moses_78]

Oder eben so....

  <li>Punkt 1</li
 ><li>Punkt 2</li
 ><li>Punkt 3</li>