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.

NewsFire stellt jetzt Favicons dar

Ein lang gehegter Wunsch wird Wirklichkeit. Die aktuelle Beta 1.3 (v53) kann hier heruntergeladen werden.

Update: Pünktlich nachdem mir NewsFire 2x derbe abgeschmiert ist, ist nun das Final Release (v56) draussen.

Macworld Keynote

Endlich mal wieder interessante Hardware News auf einem Apple Event. Die neuen iMacs gehen sicher (weiterhin) weg wie warme Semmeln. Beim MacBook Pro bin ich etwas skeptisch. Sicher ist der vermeindliche Geschwindigkeitssprung beeindruckend und längst überfällig. Aber es hat auch ein paar Nachteile. Ein paar Features wurden nämlich still und leise geändert bzw. entfernt: Ein Modem ist ab sofort nicht mehr drin, was ich aber ok finde, da mittlerweile eine integrierte Airport-Karte durchaus ausreicht. Außedem kann man keine Double-Layer DVDs mehr brennen und was ich überhaupt nicht nachvollziehen kann, ist das Fehlen des Firewire 800 Ports. Sicherlich sind Firewire 800 Produkte (noch) nicht so verbreitet und es scheint ohnehin so, als würde auf lange Sicht Firewire ganz verschwinden. Aber es gibt sicher genug Leute, die Firewire 800 nutzen. Ich habe zum Beispiel ein externes Festplattengehäuse, das ab sofort nur noch mit Firewire 400 angeschlossen werden könnte. Bei dem durchaus stolzen Preis der neuen MacBooks halte ich das für ein Riesenmanko.

Was ich ebenfalls unsäglich finde, sind die neuen Produktverpackungen für Software. Die iLife und iWork Verpackungen aus dem letzten Jahr glänzten durch Einfachheit und Originalität, die diesjährigen sehen einfallslos, überladen und beliebig aus. Das größte Unding ist allerdings das .Mac Visual.

Welcher Praktikant hat das denn zusammengebastelt?

Aber genug gelästert. Ansonsten fand ich’s klasse und bin gespannt auf die ersten Berichte und Fotos von der Expo.

AlphaImageLoader und relative Pfadangaben

Ihr kennt sicher alle die Möglichkeit über das CSS-Attribut AlphaImageLoader im IE transparente PNGs anzeigen zu lassen. Prima. Zu diesem Thema ist mir was interessantes aufgefallen, nachdem ich zuvor fast eine halbe Stunde einen Fehler gesucht habe, der gar nicht existiert hat. Bei einem aktuellen Projekt von mir existieren verschiedene Verzeichnistiefen in der URL, so in der Art: ”www.seite.de/”, “www.seite.de/portfolio/”, “www.seite.de/portfolio/kategorie/” und so weiter. Auf jeder Seite ist irgendwo das Firmenlogo positioniert, dass über eine mit Conditional Comments eingebunde separate Stylesheet-Datei definiert wird. Das sah zunächst ungefähr so aus:

#logo {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../img/logo.png’, sizingMethod=’crop’);
}

Auf der Startseite hat das auch wunderbar funktioniert, nur auf den Folgeseiten wurde das Bild nicht angezeigt. Nach langem Suchen dachte ich, es könnte vielleicht an der Verzeichnistiefe der Seite liegen. Und genau so war es.

Komischerweise nimmt der Befehl AlphaImageLoader die HTML-Seite als Ausgangsbasis für die Pfade und nicht wie gewöhnlich die Stylesheet-Datei in der der Befehl steht. Wieder einmal unverständliche Logik aus dem Hause Microsoft.