Tutorials

CSS-Unterstützung in Webmail-Systemen

Erster Teil - Referenzierung und Selektoren

In einer ersten Testrunde wurde durch verschiedene präparierte E-Mails ermittelt, wie es um die CSS-Unterstützung in den Webmail-Systemen fünf beliebter deutscher E-Mail-Provider bestellt ist. Im Blickpunkten waren dabei die Fragen, wie CSS am besten zu referenzieren sind und mit welchen Selektoren die Webmail-Systeme zurecht kommen.

Referenzierung von CSS
Referenzierung GMX Freenet Web.de Hotmail Yahoo
<style> im <head> Ja Ja Nein Ja Ja
<style> im <body> Ja Ja Ja Ja Ja
<link> im <head> Ja Ja Nein Nein Nein
<link> im <body> Ja Ja Ja Nein Nein

Die Verarbeitung der durch das link-Element referenzierten CSS erfolgt bei GMX erst nach Auswahl der Funktion Volldarstellung, die die E-Mail in einem separaten Fenster lädt.

CSS-Selektoren
Selektor GMX Freenet Web.de Hotmail Yahoo
* Ja Ja Ja Ja
x Ja Ja Ja Ja
x y Ja Ja Ja Ja
x > y Ja Ja Ja Ja
x + y Ja Ja Ja Ja
x, y Ja Ja Ja Ja
x[attribut] Ja Ja Ja Ja
.class Ja Ja Ja Ja Ja
.class x Ja Ja Ja Ja Ja
x.class Ja Ja Ja Ja
x.class y          
#id Ja Ja Ja Ja Ja
#id x Ja Ja Ja Ja

Zu beachten ist, dass der Kind-Selektor (>) und der Nachbar-Selektor (+) vom Internet Explorer 6.0 nicht verarbeitet werden. Gleiches gilt für attributbedingte Formate. Insofern ist von einem Einsatz noch abzuraten.

Newsletter

E-Mail Marketing Know-how kostenlos und frei Haus.



Testzugang

Jetzt Newsletter Software 30 Tage lang unverbindlich ausprobieren. Einfach kostenlosen Testzugang für sitepackage:// Newsletter-System anfordern.

Kostenlos anfordern