Verzerrte HTML-E-Mail in Outlook

Ich habe eine E-Mail-Vorlage, die mit anderen E-Mail-Client funktioniert, aber Outlook zeigt es als verzerrt (inner div). Hier habe ich die Breite meines inneren div 920px angegeben, aber im Outlook nicht umgesetzt. Ich habe entweder this solution versucht, aber nicht funktioniertVerzerrte HTML-E-Mail in Outlook

Dies ist mein HTML E-Mail-Vorlage

<html> 
    <body> 
     <div style="width:950;margin:0px auto;"> 
     <img style="width:100%;" src="cid:header"> 
     <div style="background-color: #f3f3f3;width: 920px;padding: 15px 15px 20px 15px;margin: 0px;font-family: arial,sans-serif;font-size: 12.8px;box-sizing: border-box;color:#000;white-space:pre-line;" > 
      Dear xyz 
      <br><br> 
      My mail body 
      <!-- Body might contain table --> 
      <br><br> 
      support<br> 
     </div> 
     <a href='https://example.com'><img style="width:100%;" src="cid:footer"></a> 
     </div> 
    </body> 
</html>

Ich verweise haben previous question und emailology aber keine Lösung für div gefunden.

Bitte helfen Sie mir.

Quelle

2017-07-11 hitesh ghuge

Der allgemeine Tipp ist HTML-E-Mails aus Tabellen zu erstellen, anstatt divs & CSS –

Outlook unterstützt eine maximale Breite von 800 Pixel. Du wirst niemals zu 950 kommen. – gwally

Sie sollten keine Standard-Front-End-Entwicklungslösungen für E-Mails verwenden. Es ist bedauerlich, aber die Verwendung von Tabellen-basierten Layouts ist immer noch der beste Weg, damit umzugehen. Als Faustregel gilt, dass die E-Mail-Breite maximal zwischen 600 und 800 px liegen sollte.

Quelle

2017-07-11 14:04:35 johnniebenson

Verzerrte HTML-E-Mail in Outlook

Antwort

Verwandte Themen