nicht angemeldet
Hi Jochen,
Es ist der Whitespace-Bug des IE6. Einfach die <li></li><li>... *ohne* Zwischenreaum/Zeilenumbruch aneinanderhängen. Dann klappt auf das Listamatic Beispiel.
Danke für den Hinweis mit dem Whitespacebug! Die Lösungsidee ist nicht so hunderprozentig, wie ich finde, denn oftmals wird das Markup generiert, so dass man nur teilweise Einfluß darauf hat. Außerdem entstünde so doch eine ziemlich fragiles Konstrukt!
Bei meiner Rechersche bin ich auf diese Seite aufmerksam geworden:
http://www.cssnewbie.com/fixing-ie6-whitespace-bug/
Da findet man eine Reihe interessanter Hinweise. Allerdings funktionieren die dort genannten Lösungen auch nicht zu 100%, z.B. sind teilweise die Links dann nicht mehr auf der vollen Breite anklickbar, also der "Buttons-Effekt" ist weg.
Zu einem weiteren Beispiel in Listamatic gibt es eine ausführliche Erklärung. Scheinbar kann man die Probleme *ohne* Hacks umgehen, indem man die Breite der Box über "li a" steuert.
also so ähnlich wie:
#navcontainer li a {
display: block;
padding: 5px 5px 5px 25px;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 200px;
}
Was meint ihr?
Viele Grüße
Daniel