Sidebar
ein-/ausblenden

CSS Unterstützung in E-Mail-Clients

Plugin für WordPress SEO

Anzeige

Noch immer konnte die Technologie Feed die Newsletter nicht verbannen und sie existieren auch weiterhin in unserem Postkasten. Ob man sie nun mag oder nicht, der grundlegende und strittige Punkt am Thema Newsletter ist die Verwendung von HTML und CSS oder reine Text-Newsletter.

Leider hat man darauf nicht immer Einfluss und der Kunde „will“ einen Newsletter im HTML-Format. Entscheidet man sich zur Umsetzung und nutzt seine Kenntnis von HTML und CSS, erstellt ein Markup mit sauberen CSS im head, so kann man schnell an kleinen aber wirkungsvollen Problemen scheitern und das Wissen um Markup und Design wird in Frage gestellt.

Darum ist es zwingend notwendig, eine Übersicht zu haben, die zeigt, welche Clients welche Unterstützung geben. Eines gleich vorweg, eine große Anzahl von E-Mail-Clients löschen das Stylesheet, wenn es im head-Abschnitt ist! So lässt beispielsweise web.de nur Inline-Styles zu und dass kann einem die Nerven kosten.

Eine recht umfassende Übersicht der Möglichkeiten bei der Unterstützung von CSS bei den entsprechende E-Mails-Clients gibt es auf Campaign Monitor. Alternativ kann man das ganze downloaden als PDF- oder MS Excel-Dokument.

Artikel #680, 16. Juni 2008 · CSS, xHTML, JS, Webküche · 6 Kommentare · Kommentar schreiben
Tags: , ,
Kommentar-Feed zum Artikel · TrackBack URL · Kurzlink

«
»

6 Kommentare zu „CSS Unterstützung in E-Mail-Clients“

  1. 1
    Kommentar von Not A Niche
    17. Juni 2008 um 23:40

    Hey Frank,

    danke für den Link, der ist ziemlich hilfreich, tolle Übersicht!

  2. 2
    Kommentar von Maddin
    19. Juni 2008 um 15:38

    Schön wär's - wenn deren Muster-Templates denn auch überall funktionierten! Die schreiben zwar, daß sie auf allen möglichen Plattformen getestet haben, allerdings beweist ein Eigenversuch auf gmail, yahoo und web.de das Gegenteil.

  3. 3
    Kommentar von datenkind
    23. Juni 2008 um 16:07

    Maddin, inwiefern? Was gravierendes? Marginaler Schnickschnack, der eh nicht interessiert? Wäre schon schön, das zu wissen, wo da genau die Probleme liegen.

    Danke für den Link, Frank. Ist auf jeden Fall extrem hilfreich!

  4. 4
    Kommentar von Maddin
    23. Juni 2008 um 23:01

    @datenkind:
    Wir setzen ein leicht modifiziertes Basis-Template von denen ein. -Ich überlasse es jetzt Dir oder eben unseren Kunden zu beurteilen, ob das Ignorieren von Schriftgrößen (gmail) und Typeface (web.de) als "marginaler Schnickschnack" einzustufen ist ;)
    Aber gut, worauf es ankommt, da stimme ich Dir auf jeden Fall zu: Man kann alles lesen, es kommt beim Kunden alles an, was man zu sagen hat. Aber es sieht eben nicht 100% so aus, wie man es nach bestem Wissen aufgesetzt hat. Bin wirklich gespannt, ob es DIE Lösung überhaupt gibt.

  5. 5
    Kommentar von datenkind
    24. Juni 2008 um 09:38

    Danke für die etwas ausführlichere Beschreibung, Maddin. :) Ist natürlich schön Schei…, wenn’s gerade bei der Schriftgröße Probleme macht.
    Es wird Zeit, dass sich zumindest die Webdienste endlich mal an eine standardisierte Variante halten. Ich frag mich, ob die allen Ernstes mit ruhigem Gewissen ihren Kunden sowas zumuten. Wenn ja, ist das ja schon böswillig …

  6. 6
    Kommentar von Lars Müller
    24. Januar 2009 um 13:37

    Wir haben zusätzlich eine interessane Übersicht über deutsche Webmail-Systeme und deren CSS-Support erstellt, siehe CSS-Unterstützung in Webmail-Systemen Teil 1 und Teil 2</

Kommentar schreiben

Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.

E-Mail-Benachrichtigung bei weiteren Kommentaren.
Auch möglich: Abo ohne Kommentar.

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als &lt; und > als &gt; einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.