HTML Email Style wird nicht richtig gerendert?
Folgender Code:
<html>
<body>
<div style="font-family: arial;">
<h1 style="color: #007bff; letter-spacing: 2px; font-weight: 500;">Neue Nachicht von der Website!</h1>
<div>
<h2 style="margin-top: 2rem; margin-bottom: .5rem; letter-spacing: 2px; font-weight: 500;">Kontaktdaten</h2>
<div style="margin-right: 70px; display: inline-block;">
<p style="margin: .6rem 0;">Vorname:</p>
<p style="margin: .6rem 0;">Nachanme:</p>
<p style="margin: .6rem 0;">Email Adresse:</p>
<p style="margin: .6rem 0;">Telefonnummer:</p>
</div>
<div style="display: inline-block;">
<p style="margin: .6rem 0;">${ firstname }</p>
<p style="margin: .6rem 0;">${ lastname }</p>
<p style="margin: .6rem 0;"><a style="color: #007bff; text-decoration: none;" href="mailto:${ email }">${ email }</a></p>
<p style="margin: .6rem 0;">${ htmlPhone }</a></p>
</div>
</div>
<div>
<h2 style="margin-top: 3rem; margin-bottom: 1rem; letter-spacing: 2px; font-weight: 500;">${ subject }</h2>
<div style="font-size: 17px; padding-right: 11%; max-width: 900px;">${ message }</div>
</div>
</div>
</body>
</html>
Eigentlich sollten bei den Kontaktdaten 2 Divs nebeneinander sein. Funktioniert auch wenn ich die Email über gmail.com aufrufe. Aber nicht in Windows Mail etc. Woran liegt das?
1 Antwort
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML, programmieren
E-Mail-Clients verhalten sich bei der Darstellung immer wieder unterschiedlich und gerade die Windows-Clients sind in ihrem Feature-Support eher restriktiv. Da kann dir vermutlich caniemail bei manchen Entscheidungen gut helfen.
Versuche es entweder mit einem Tabellenelement oder schau einmal hier. Im verlinkten Artikel werden zahlreiche Quellen für Mail Templates, Generatoren, u.ä. benannt, mit denen dir die Arbeit leichter fallen sollte.