You Know

Nach meinem gestrigen Outlook-Erlebnis, hatte ich irgendwann die Erleuchtung. Wenn man das denn so nennen darf.

Ein bisschen wütend entspannte ich mich zunächst bei einigen Folgen AVGN und schmiedete Rachepläne an Microsoft, die allerdings alle verworfen werden mussten.

Nach einem weiteren Stückchen Recherce fand ich dann den Blogeintrag eines Leidensgenossen. Okay, dann drucke ich eben mal die Doku aus… moment, 32 Seiten?! Das will ich selbst meinem Laserdrucker nicht antun. Also schnell eine Calc-Tabelle (PDF-Download) in unleserlich kleiner Schriftart erstellt, wunderbar zum neben-die-Tastatur legen. Zusätzlich zu dieser Tabelle empfiehlt es sich noch, die Definitionen von CORE, COREEXTENDED und FULL aus dem MSDN-Artikel auszudrucken.

Also, Stylesheet durchgehen. Sieht soweit ganz gut aus. Ändere die Schriftarten mal von relativer (em) Größe in absolute (px) Größe… keine Veränderung.

Später findet sich dann die Lösung: Dieser Dreck an Dokumentation verschweigt, dass Word seltsames Verhalten zeigt, sobald irgendwo margin: auto eingesetzt wird. In diesem Falle war das bei einem <table>-Element… wir sehen in die Tabelle… Support “FULL”, das heißt das CSS-Attribut margin wird unterstützt. Toll! Es wird eben nicht vollständig unterstützt! Wieso – verdammt nochmal – erstelle ich so eine sch… Tabelle, wenn sie sowieso unvollständig ist?! Und wieso muss ich eigentlich den HTML-Standard derartig missbrauchen und mit diversen Einschränkungen versehen?! WIESO?!

Ich finde, das ist ein ausgezeichnetes Beispiel für das Interesse Microsofts an irgendwelchen Standards und an Interoperabilität von verschiedenen Systemen: es ist absolut bei null! Anscheinend wurde diese Änderung vorgenommen, um im Bearbeitungs- und Darstellungsmodus von Outlook die gleiche Rendering-Engine zu haben. Ja, richtig. In Outlook 2003 ist Word für den Bearbeitungsmodus und der Internet Explorer für den Darstellungsmodus zuständig. Im 2007er übernimmt Word die Rolle der Internet Explorers. Für mich ist das nur eine Ausrede: ob ich nun einen Darstellungsmodus in Word implementiere oder einen Bearbeitungsmodus im Internet Explorer, sollte sich vom Aufwand her nicht unterscheiden. Und selbst wenn: Durch den Word-Renderer werden zahlreiche Mails nicht mehr korrekt dargestellt. Wieso also?!

Fazit: Schade, dass mein Auftraggeber schon auf Office 2007 umgestellt hat, sonst hätte ich das Problem ignorieren können. Und: gar nie niemals nüscht margin: auto in HTML-Mails nutzen, die in Outlook 2007 dargestellt werden sollen.

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.