Webstandard & Webdesign - CSS, HTML

 

CSS Support von Thunderbird, Gmail und Co. bei HTML-Newslettern

Newsletter sind für viele Firmen ein wichtiger Bestandteil ihres Marketing. Sie sorgen für lang anhaltende Kundenbindungen und sind ein effizientes Mittel zur Neukundengewinnung. Ziel von Newslettern ist das "emotionale Erreichen" des Abonnenten, mit einen eventuelle daraus resultierenden Kauf eines Produktes oder einer Buchung einer Reise. Diese Emotionen werden, nicht unerwartet, mehr durch Bilder als durch Text geweckt werden. Ein Frage die mit jeder Erstellung von Newslettern einhergeht, ist die der Art der Umsetzung. Text oder HTML. Aus Sicherheitsgründen entscheiden sich viele User für den ausschließlichen Empfang von Text-Mails. Wenn seitens eines Kunden allerdings ein HTML-Newsletter für seine Kunden in Auftrag gegeben wird, gibt es wie in der Entwicklung für Webseiten, die Aufgabe die zahlreichen Mail-Clients und Mail-Services bei der Umsetzung zu berücksichtigen. Der wichtigste Punkt hierbei ist, die fehlende bzw. unzureichende Unterstützung von Webstandards wie CSS.

Das führt dazu, dass diese Newsletter nicht von jeden Mail-Client identisch abgebildet werden und das dürfte weniger im Sinne des Kunden und seiner Abonnenten sein. Um die unterschiedlichen Interpretationen der HTML-Inhalte der zahlreichen Mail-Clients den Anwendern vor Augen zu führen und um deren Entwicklung der Standards in diesem Bereich voran zu treiben, hat sich das Email Standards Project gegründet. Ob Apple Mail, Lotus Notes, Google Mail, Thunderbird oder Windows Live Hotmail, all diese und noch viel mehr Mail-Clients werden von dem Projekt in Sachen Standards und der Zugängigkeit der Inhalte unter die Lupe genommen. Dazu haben sie eigens einen Acid-Test (siehe Abbildung links) für Mail-Clients entwickelt. Anhand dieses Tests können die unterschiedlichen Fähigkeiten der einzelnen Clients betrachtet werden.

Das Team von Campaign Monitor welches im Bereich des Email-Support unterwegs ist, bietet eine aufschlussreiche Übersicht in Sachen CSS-Support verschiedener Desktop- und Web-Mail-Clients an. Eines wird auch hier deutlich, Produkte von Microsoft (Outlook, WindowsLive früher Hotmail) schneiden sichtbar schlechter ab, aber auch Old und New Gmail befinden sich bei der Unterstützung von CSs eher im hinteren Bereich der wieder. Thunderbird 1, Mac Mail oder .Mac Web gehören in diesem Vergleich eher zur Spitzengruppe. Die fehlende Unterstützung der Eigenschaft margin oder der absoluten Positionierung von Elementen, bei Anbietern wie Live Mail oder auch Outlook2007 lassen daher nur eine Alternative bei der Art der Erstellung von HTML-Newslettern zu. Tabellen-Layouts. Und selbst die bringen aufgrund der mangelnden Unterstützung von CSS einen großen Aufwand mit sich. Kein Wunder wenn man bedenkt, dass bspw. Outlook 2007 zur Anzeige von HTML E-Mails nicht mehr die Rendering Engine des Internet Explorers, sondern die Engine von Word 2007 nutzt. Dies führt zu einer sehr nachteiligen Darstellung von HTML-Newslettern, da diese Engine die HTML- und CSS-Spezifikationen nur einem unzureichenden Maße unterstützt. Da CSS-Angaben im Head von bspw. Gmail und Hotmail ignoriert werden, müssen diese CSS-Angaben allesamt inline erfolgen, wodurch wiederum das HTML-Gerüst immer umfangreicher wird. Daher sollte am Anfang eines solches Projektes, die Aufteilung des Newsletter-Layouts immer mit Bedacht und vorausschauend gewählt werden.

Was für CSS Einschränkungen gibt es?

Wie bereits erwähnt gibt es Anbieter wie GMail oder Hotmail die kein style-Element im head der HTML-Datei zulassen bzw. diese Inhalte ignorieren. Gleiches gilt aber auch für Selektoren, die auch von Outlook2007 alles andere als vollständig interpretiert werden. Aufgrund der Rendering Engine des IE, war Outlook2003 hier wesentlich besser. Auch Hintergrundbilder und deren Positionierung werden alles andere als unterstützt. Live Mail, Hotmail und Lotus Notes besitzen zudem noch die Fähigkeit Außenabstände (margin) vollkommen zu ignorieren, selbst wenn diese als inline-Styles direkt im entsprechenden HTML-Tag stehen.

Wer nicht auf Komplettlösung für das Newslettermarketing zurückgreifen möchte oder aus Kostengründen nicht kann, sollte mit den beiden hier genannten Anlaufstellen in Sachen CSS-Support für HTML-Newsletter und einer enstprechenden Auswahl an Test-Accounts bei der einschlägigen Mail-Clients, alle nötigen Informationen für eine erfolgreiche Umsetzung von HTML-Newsletter besitzen.