HTML-Mails und Outlook 2007
Outlook 2007 hat außer der Krankheit, die es sich mit all seinen Office-2007-Freunden teilt (ich spreche von den Ribbons), noch eine sehr viel schönere Überraschung parat: eine neue Rendering-Engine für HTML-Mails!!!hundertelf
Und diese Rendering-Engine hat es in sich: Allein der Vergleich der unterstützten CSS-Eigenschaften zeigt es ganz deutlich:

Ja genau. Von 85% unterstütze Eigenschaften in Outlook 2003 nach 42% (ein Zeichen!?) in Outlook 2007. Das nenne ich mal einen Fortschritt! Was zur Hölle haben die sich dabei eigentlich gedacht?!
Meine schöne CSS-basierte HTML-Mail, die in Outlook 2003, Outlook Express und Thunderbird wunderbar angezeigt wurde, sieht in Outlook 2007 aus wie Kraut und Rüben! Nur noch Farbangaben, Schriftformatierungen und einige wenige Layout-Eigenschaften kennt Outlook 2007. Wie soll ich bitteschön ohne float mein Bildchen im Fließtext positionieren?!
Okay, Google brachte schließlich einen Golem-Artikel zu Tage:
Microsoft hat die Outlook 2007 zugrunde liegende Rendering-Engine gewechselt: Statt den aktuellen und bei der Darstellung von Cascading Stylesheet deutlich verbesserten Internet Explorer 7 zu nutzen, setzt Outlook 2007 die Rendering-Engine von Word 2007 ein.
Moment. Word 2007? HTML-Rendering? Wo kommen plötzlich die Alarmglocken her, die da in meinem Kopf läuten? Achja daher.
Also mein schönes CSS-Layout in die Tonne getreten und ein Tabellenbasiertes draus gemacht (ausgestorbene Kunst
). Voller Stolz betrachtete ich die erste Kostprobe in meiner Outlook-2007-Demo im Windows 7 RC (glaubt ihr im Ernst, dass ich nach der Geschichte noch etwas von dieser Firma kaufen werde?!).
Doch was zum…?

Dieses Bild – nein, dieser Haufen Müll – zeigte sich mir nach einigem Hin- und Herscrollen. Entschuldigung? Wieso taucht “Nochmehrtest” hier dreimal auf? Einmal ganz, allerdings auf falscher Hintergrundfarbe, einmal oben und unten abgeschnitten und auf falscher Hintergrundfarbe und einmal oben abgeschnitten auf richtiger Hintergrundfarbe. Und was soll eigentlich dieser Haufen Striche irgendwo über dem Link “weitere Infos” darstellen? Text?! Achja, ehe ich es vergesse, dieses Stüchen am rechten Rand soll ein Foto darstellen.
Ach übrigens, ein IE5.5 rendert das so:

Wie ich das jetzt löse, weiß ich noch nicht. Ich hasse diese Firma.
Update: Sorry, Grafiken in diesem Beitrag waren mit SSL-URLs eingebunden. Wird nicht wieder vorkommen.

