28. Januar 2006 um 21:28 Uhr

Aufzählungszeichen verrutschen im Internet Explorer

Heute bin ich auf einen wirklich fast schon witzigen Bug im IE gestoßen. So verschieben sich nämlich Aufzählungspunkte von HTML-Aufzählungen, wenn man dem li-Tag eine feste Breite zuweist. Die Bullets erscheinen an der Unterkante des Aufzählungspunktes ausgerichtet.

ul {
    padding-left: 15px;
}

li {
    padding: 5px 0;
    width: 300px;
}

Und so sieht das ganze im Internet Explorer 6 aus:

IE mit verrutschten Bulletpoints

Zur Lösung des Problems kann man einfach die Breite statt dem li-Tag dem umschließenden ul-Tag zuweisen.

ul {
    padding-left: 15px;
    width: 300px;
}

li {
    padding: 5px 0;
}

Ist dies nicht möglich, muss man sich mit margin bzw. padding behelfen.

Wieder alles in Ordnung

1 Kommentar

Nils

Nils

29. Januar 2006 um 20:48 Uhr

Er ist ja so doof… – Aber Danke fürs Workaround.