Google Mail entfernt "position: relative" als Inline-CSS (Email Temlate)

Question

Von dem, was ich verstehe, akzeptiert Gmail keine CSS-Blöcke im Kopf, weshalb ich eine Reihe von Inline-CSS zu meiner E-Mail-Vorlage hinzugefügt habe damit es funktioniert.

Allerdings habe ich mit der CSS-Positionierung-Eigenschaft zu kämpfen. Ich möchte, dass ein Bild auf einem Hintergrundbild sitzt, also setze ich das übergeordnete div von beiden auf position: relative und das Bild auf absolut. Aus irgendeinem Grund entfernt Google Mail jedoch das style-Attribut, das die Position relativ vom div deklariert. Es behält jedoch alle anderen Inline-CSS.

Irgendeine Idee? Irgendeine Problemumgehung?

Answer 1

Leider vermute ich, dass Sie Ihre vollkommen vernünftigen Ideen von Divs und Positionierung aufgeben müssen, wenn Sie für E-Mail entwerfen. CSS-Unterstützung in E-Mail-Clients ist ein verworrener Albtraum.

Die einzige (relativ) todsichere Methode, um das Layout von E-Mails zu erzwingen, besteht darin, mit einem alten Tabellenschema zu arbeiten, was bedauerlich, aber unvermeidlich ist.

Campaign Monitor hat eine ausgezeichnete Zusammenfassung der E-Mail-Client-CSS-Unterstützung here.

Answer 2

Ich habe ähnliche Layout-Probleme beim Senden von E-Mail-Newslettern erlebt. Die Lösung bestand darin, mithilfe von Tabellen die Dinge richtig zu positionieren. Es ist veraltet, aber ich denke, es war der einzige Weg, Dinge so aussehen zu lassen, wie sie sollten.