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

8

Soweit ich weiß, akzeptiert Gmail keine CSS-Blöcke im Kopf, weshalb ich meiner E-Mail-Vorlage ein paar Inline-CSS hinzugefügt habe, damit es funktioniert.

Ich habe jedoch Probleme mit der CSS-Positionierungseigenschaft. Ich möchte, dass ein Bild über einem Hintergrundbild steht, 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? Irgendwelche Abhilfe?

    
Charles Ingalls 14.01.2014, 16:03
quelle

2 Antworten

18

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

Die einzige (relativ) todsichere Methode, um das Layout von E-Mails zu erzwingen, ist die Verwendung eines alten Schultisch-Layouts, was bedauerlich, aber unvermeidlich ist.

Campaign Monitor bietet eine hervorragende Zusammenfassung der CSS-Unterstützung für E-Mail-Clients hier .

    
BFWebAdmin 14.01.2014, 16:10
quelle
2

Ich habe beim Senden von E-Mail-Newslettern ähnliche Layoutprobleme 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.

    
Todd J. 14.01.2014 16:06
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset UIView Frames werden zurückgesetzt, wenn das automatische Layout verwendet wird