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

Veröffentlicht am 28.01.2006 um 20:28 Uhr
1 Kommentar