sende html via phpmailer

Question

Ich verwende den PHP Mailer um eine HTML Email zu senden. Allerdings, wenn ich die E-Mail unter dem gesamten Padding senden, sind Rand, div Größen etc. weg (in Outlook). Wenn ich mir mein Google Mail-Konto anschaue, sieht es gut aus. In der iPhone Mail App ist der Rand usw. auch weg.

<div id="wrapper" style="width: 100%;"> 
<table width=600 style="margin:0 auto"> 
<tbody> 
<tr> 
<td> 
<div id="Banner" style=" 
    max-width: 640px; 
    margin: 0 auto; 
    min-height: 60px; 
    background-color: #75dcfc; 
    width: 100%; 
"> 
<div class="center" style="margin: auto;text-align: center;"> 
    <img src="logourl" alt="test" style="max-width: 450px;padding-top: 0px;width: 50%;"> 
    </div> 
    </div> 

<div id="box" style="max-width: 640px;width: 100%;background-color: white;color: #696969;border-style: solid;border-width: 0px;text-align: center;border-color: #d3d3d3;margin-left: auto;margin-right: auto;overflow: hidden;padding: 0px;border-style: solid;height: 500px"> 
<div id="personalmsg" style="width: 100%;text-align: center;font-size: 22px;margin-left: auto;margin-right: auto;max-width: 400px;padding: 0px;"> 
    <p style="text-align: left;font-size: 17px;margin-top: 50px; color: #000;font-weight: normal;font-style: normal;">hello</p> 


</div> 

</div> 
    <h2 id="link" style="text-align: center;max-width: 640px;margin: 0 auto;background-color: #75dcfc;padding-top: 15px;padding-bottom: 15px;width: 100%;"><a href="website" style="color: #fff;text-decoration: none;">Visit us</a></h2> 
</td> 
</tr> 
</tbody> 
</table> 
</div> 

Wie Sie sehen können, verwende ich nur Inline-CSS. aber ich verstehe nicht, was ich falsch mache. Vielleicht hilft es, zu zeigen, wie ich die E-Mail senden:

$mail = new PHPMailer; 

$mail->setFrom('my@email.com'); 
$mail->addAddress($email); 

$mail->Subject = "Your Email"; 
$mail->Body = $html; 
$mail->isHTML(true); 
try { 
    $mail->Send(); 
} 
catch (Exception $e) { 

} 

Während $ html die HTML als String hält.

Ich bin dankbar für jede Kanne in der richtigen Richtung

Answer 1

Outlook ist berüchtigt für nicht gut CSS unterstützt. Alle E-Mail-Clients haben ihre eigenen Macken mit HTML und CSS, es ist eine Menge Versuch und Irrtum.

Ich kann Ihre Frage nicht mehr beantworten als diese, aber ich kann Ihnen diese Referenzen anbieten, um Ihre HTML mit zu recode.

Microsoft bietet dieses Handbuch für HTML/CSS in Outlook.

https://msdn.microsoft.com/en-us/library/aa338201.aspx#Word2007MailHTMLandCSS_Full

Ich benutze https://www.campaignmonitor.com/css/ oft. Es war eine vertrauenswürdige Referenz.

Es gibt auch Webdienste, die Bilder Ihrer E-Mail auf verschiedene Arten darstellen. Lackmus ist ein gewöhnlicher. Ich benutze es für E-Mails, die generiert und an Kunden bei der Arbeit gesendet werden. Die Marketingabteilung genießt es auch.