Bei der Erstellung einer Liste mit führenden Nullen ist mir jetzt ein Bug im Internet Explorer 7 aufgefallen.

<ol style="list-style-type:
decimal-leading-zero;">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ol>

Während diese Liste im Firefox zu dem gewünschten Ergebnis führt, war es im Internet Explorer 6 schon immer so, dass die führenden Nullen nicht umgesetzt würden, sondern stattdessen nur eine normale "list-style-type: decimal"-Liste dargestellt wurde. Ein verkraftbarer Fehler.

Im neuen Internet Exlorer 7 ist es aber jetzt so, dass die obige Liste als ganz normale Bullet-Liste dargestellt wird, was wirklich ärgerlich ist, denn jetzt darf man wegen dieser Kleinigkeit wieder einen CSS-Hack oder einen Conditional Comment einfügen, oder auf die Liste mit den führenden Nullen komplett verzichten. Keine Ahnung was Microsoft sich dabei wieder gedacht hat ...

Für den Internet Explorer 8 ist aber hier eine Verbesserung angekündigt worden.

Wie mir Nils dankbarerweise mitteilte, sahen meine externen Links im Internet Explorer teilweise etwas seltsam aus. Das Icon, welches anzeigt, dass es sich um einen externen Link handelt, wird in einem speziellen Fall nicht neben dem Link sondern darüber angezeigt. Dieser spezielle Fall tritt dann ein, wenn der Link im Fließtext am Zeilenanfang steht. Aber auch nur dann, wenn die Zeile umbricht, weil die davorstehende Extern-Grafik den Link zu lang machen würde, als dass er noch in die vorherige Zeil passte. Das Beispiel im Bild zeigt die Sache ganz anschaulich, denke ich.

Dieses Fehlverhalten ist nicht nur in älteren Versionen des IE zu sehen, sondern auch der neue IE7 zeigt diesen Fehler. Da ich auch nach längerem Suchen keine geignete Lösung für dieses Problem gefunden habe und ich es langsam leid bin, mich permanent wegen des Unvermögens der Microsaft-Deppen zu verbiegen, habe ich jetzt eine etwas radikalere Variante gewählt:

.post p a[href^="http:"]
{
  background: url(externer_link.gif) center left no-repeat;
  padding-left:15px;
}

Hintergrund dieser Technik ist der CSS3-Selektor ^=, der sich in diesem Fall nur auf Links bezieht, die mit "http:" anfangen, also externe Links. Gefunden habe ich diese Lösung bei Kryogenix.org. Genauso könnte man übrigens auch nach Dateiendungen suchen [foo$=".bar"] und zum Beispiel PDF-Dateien gesondert mit einem Icon kennzeichnen. Nachteil dieser Technik ist selbstverständlich, dass nur wenige Browser derzeit etwas mit CSS3-Attributselektoren anfangen können. Die neuen Firefox-, Safari- und Opera-Versionen können es und der IE bis zur Nummer 6 auf keinen Fall. Ob der IE7 es schafft, muss mir Nils beantworten.