HTML E-Mails mit Outlook 2007 – Teil I

• Home
• Magazin
• Know How

Outlook 2007 verwendet zur Anzeige von HTML E-Mails nicht mehr die Rendering Engine (1) desInternet Explorers, sondern die Word 2007 Engine. Diese Umstellung ist sehr nachteilig bei derAnzeige von HTML E-Mails, da Word 2007 die HTML- und CSS-Spezifikationen in einem vielgeringeren Umfang unterstützt als der Internet Explorer.

Outlook Nutzern bleibt bei der Erstellung von HTML E-Mails zukünftig keine andere Wahl, alsKompromisse beim Layouteinzugehen. Nur so kann garantiert werden, dass HTML E-Mailsbeim Empfänger fehlerfrei dargestellt werden.

Da die HTML-Anzeige von Word 2007 beispielsweisekeine CSS-Positionierung unterstützt, werden zur Positionierung wieder Tabellenlayoutsverwendet werden müssen.

Auch Formulare finden keine Unterstützung mehr, die Interaktionsmöglichkeiten des Nutzers werden dadurch erheblich eingeschränkt. Neben der reduziertenHTML- und CSS-Unterstützung können auch interaktive Flash-Inhalte nicht mehr in Outlookbetrachtet werden. Nicht nur das Flash-Format ist betroffen, Outlook 2007 bietet generell keinePlug-In Unterstützung.

Das folgende Beispiel soll verdeutlichen, wie ein professioneller Newsletter unter Outlook 2007dargestellt wird. Für das HTML-Layout wird ausgiebig CSS verwendet, beispielsweise umHintergrundgrafiken einzubinden (background-image:url()) und Block-Elemente zu definieren(display:block). Die Darstellung unter Outlook 2003 ist fehlerfrei.

Korrekte Darstellung der E-Mail mit CSS (Outlook 2003)

In Outlook 2007 erscheint der Newsletter an mehreren Stellen fehlerhaft. Die mit CSS eingebundeneHintergrundgrafik mit grünem Verlauf auf der rechten Seite wird nicht dargestellt.

Weiterhin wird die Überschrift nicht als Block-Element angezeigt, so dass Überschrift undFließtext ineinander übergehen. Insgesamt ist das Layout des Newsletters unter Outlook 2007nicht mehr erkennbar.

Fehlerhafte Darstellung der E-Mail mit CSS (Outlook 2007)

Gründe für die Umstellung

Die Gründe für die Entscheidung von Microsoft, die Rendering Engine auszutauschen, lassensich auf zwei Ansätze zusammenfasssen, die im Folgenden erläutert werden:

• Mehr Sicherheit

Durch die striktere Trennung von Outlook 2007 und Internet Explorer wird ein hohesMaß an Sicherheit erreicht. Dagegen spricht allerdings, dass Microsoft die neue Versiondes Internet Explorers als "major step forward in security" anpreist. Die verbessertenSicherheitsmerkmale sprechen eigentlich für die weitere Verwendung der Internet Explorerszur Anzeige von HTML E-Mails. Auch viele der fehlenden CSS-Eigenschaften habensicherlich keine Auswirkung auf die Sicherheit.

• Einheitliche Darstellung

Bisher verwendet Outlook zwei Rendering Engines: Zur Erstellung von HTML E-Mailsgreift Outlook seit Jahren auf Word zurück, während zur Betrachtung der Internet Explorereingesetzt wird. HTML E-Mails im Posteingang werden zunächst über denInternet Explorer angezeigt, die Erstellung der Anwort oder Weiterleitung einer HTMLE-Mail erfolgt aber über die HTML-Anzeige von Word.

Outlook Nutzer sind daher permanent Inkonsistenzen zwischen ihren erstellten und empfangenenHTML E-Mails ausgesetzt. Daher ist es erstrebenswert, für die Erstellung undBetrachtung von HTML E-Mails dieselbe Rendering Engine zu verwenden. Microsoftsetzt daher ausschließlich die neue Word Engine in Outlook 2007 ein, deren großes Problemin der zu geringen Leistungsfähigkeit besteht.Diese Betrachtung soll der Suche nach Gründen genügen. Tatsache ist, dass Outlook 2007seit Anfang 2007 verkauft wird und weiterhin eine dominierende Stellung im Geschäftumfeldeinnehmen wird. Daher ist jeder E-Mail-Marketer gutberaten, sich mit den aus der Umstellung folgenden Konsequenzen auseinanderzusetzen undsein HTML-Layout entsprechend anzupassen.

Welche Eigenschaften werden nicht mehr unterstützt?

Durch den Verzicht auf die Rendering Engine des Internet Explorers können eine Vielzahlbisher verwendeter HTML-Elemente und CSS-Eigenschaften nicht mehr genutzt werden. Die folgende Auflistung fasst die wichtigsten Änderungen kurz zusammen:

• Keine Unterstützung für Formulare
• Keine Unterstützung für Hintergrundbilder (CSS)
• Keine Unterstützung für Positionierung (CSS)
• Keine Unterstützung für Textumfluss (CSS)
• Keine Unterstützung für animierte GIFs
• Keine Unterstützung für Flash oder andere Plug-Ins

CSS-Unterstützung gängiger E-Mail Clients

Abgesehen von der aktuellen "Outlook 2007-Problematik", ist auch bisher die Umsetzung einesHTML-Layouts für alle gängigen E-Mail Clients anspruchsvoll. Denn während einige E-MailProgramme wie Eudora oder Lotus Notes seit Jahren keine bzw. lediglich eine rudimentäreCSS-Unterstützung bieten, unterstützen andere E-Mail Clients wie Yahoo! Mail mittlerweileeinen Großteil der CSS-Spezifikation Level 2.1 und sogar Teile von Level 3.0.

Die wichtigste Entscheidung bezüglich des HTML-Layouts war auch bisher schon: CSS oderTabellenlayout? Die Antwort lautete meistens CSS, denn Lotus Notes hat im Bereich B2B einenbescheidenen Marktanteil von 9%, und auch Eudora und Gmail sind weit von einer marktrelevantenStellung entfernt. Bislang waren die Reichweitenverluste durch den Einsatz von CSSrelativ überschaubar, da es nur bei den drei genannten E-Mail Clients zu Darstellungsfehlernkommt.

Outlook hat im B2B-Bereich einen Marktanteil von ungefähr 75%. Die neue Outlook Version2007 wird sicherlich einen Marktanteil in dieser Größenordnung halten, daher hat bei der Erstellungeines HTML-Layouts eine Optimierung für Outlook die höchste Priorität. Dies bedeutet dann aber eine Abkehr von HTML E-Mails mit CSS, für eine optimale Anzeige in Outlookwerden wieder Tabellenlayouts und Inline-CSS verwendet werden müssen. Der CSS-Support inOutlook 2007 bewegt sich ungefähr auf dem Niveau des Internet Explorers 5.

(1) Rendern bezeichnet den Vorgang des Interpretierens von HTML, beispielsweise zur Anzeige einer HTMLE-Mail im E-Mail Client. Für diesen Zweck benutzt ein E-Mail Client eine Rendering Engine