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