HTML-Inhaltspositionierung in ENewsletters beibehalten

Question

Wie erhalte ich HTML-Inhalt, um in relativer Position und Format von einem Browser/E-Mail zu einem anderen zu bleiben? Bei der Entwicklung von E-Newslettern erscheint das Format in einem E-Mail-Server anders als in einem anderen (beim Testen von zwei meiner E-Mails).

Beispiel: Wenn ich die E-Mail in meinem Gmail öffne, ist die Auffüllung um die Bilder, wo ich es will, aber wenn ich es in meiner Arbeit Outlook öffne, ist das Padding fast nicht existent.

Beispiel: Die Schriftart wird gemäß dem Stylesheet in Outlook angezeigt, ändert sich jedoch in gmail.

Wie kann ich das Stylesheet und die Positionierung sichern, um das Erscheinungsbild konstant zu halten?

Answer 1

E-Mail-Clients sind notorisch schrecklich beim Rendern von HTML (insbesondere Outlook und Lotus Notes). Normalerweise schreiben Sie verkrüppelten HTML mit Inline-CSS-Stilen. Dies wird nicht besser in der near future.

Machen Sie Ihr Design so einfach wie möglich und Sie werden weniger Probleme haben, es auf vielen Clients richtig aussehen zu lassen. Die tatsächlichen Best Practices für das Schreiben von HTML hängen hauptsächlich davon ab, welche Clients Sie unterstützen möchten.

Einige nützliche Artikel, die Einblick in die gemeinsame Lösungen für HTML-E-Mail-Rendering Probleme geben:

• Article at A List Apart
• Guide at ReachCustomersOnline

Es gibt einige einfache Web-Services, die Ihren Newsletter überprüfen mehrere Kunden und geben Ihnen Screenshots der Ergebnisse. Sie sind in der Regel das Geld wert:

• Litmus
• MailChimp
• CampaignMonitor