Outlook Web App rend incorrectement les e-mails HTML qui ne résident pas dans la boîte de réception

En travaillant sur un e-mail HTML, nous avons rendu l'e-mail correctement: Outlook 2010, Mozilla Thunderbird, Horde/IMP, Gmail, Yahoo, etc. Cependant, lorsque l'e-mail est vérifié via Outlook Web App (Exchange 2010), l'e-mail HTML est parfois rendu de manière incorrecte. Les deux problèmes que nous voyons sont que dans Internet Explorer et Firefox, les directives en ligne de CSS de font-size ne sont pas respectées et dans Firefox, un espace est mis entre les cellules de la table, brisant l'image. Cela se produit uniquement lorsque le message n'est pas dans la boîte de réception. Si vous faites glisser le message d'un dossier dans la boîte de réception, les problèmes disparaissent. Faites-le glisser dans un dossier et ils réapparaissent. Si nous ouvrons le message dans une nouvelle fenêtre (au lieu de dans le volet d'aperçu), le message s'affiche correctement. Je suppose que le CSS de l'application Web Outlook interfère, mais j'espère que quelqu'un a eu un problème similaire et pourrait être en mesure de faire la lumière sur la façon dont nous pouvons résoudre ce problème.Outlook Web App rend incorrectement les e-mails HTML qui ne résident pas dans la boîte de réception

est ici la source de message pertinent vu dans le client:

<html> 
    <head> 
    <style>a{color:#BF0005}</style> 
    </head> 
    <body bgcolor="#F5F5F5" style="margin:0;text-align:center"> 
    <table cellpadding="0" cellspacing="0" style="width:604px;margin:0 auto;font-family:Tahoma,sans-serif;font-size:10pt;line-height:16pt"> 
    <tr> 
     <td rowspan="3" style="vertical-align:top;width:10px"><img src="cid:2e39cc62f2ab417d1b9461b437c72ffc" width="10px" height="410px" /></td> 
     <td style="padding-top:10px;margin-bottom:0;vertical-align:bottom;width:584px;height:84px"><img style="vertical-align:bottom" src="cid:5ed2b7dfeca322e0d1e0b40bd3a0a48d" width="584px" height="84px" alt="Image Alternate Text Here" /></td> 
     <td rowspan="3" style="vertical-align:top;width:10px"><img src="cid:6f108f42f85401cababf9d5dc64fb8f9" width="10px" height="410px" /></td> 
    </tr> 
    <tr> 
     <td style="vertical-align:top;text-align:left;background-color:#FFF;padding:0 50px 40px"> 
     <h1 style="text-align:center;margin-top:15px;font-size:12pt">Header</h1> 
     <p>This is a test email.</p> 
     </td> 
    </tr> 
    <tr> 
     <td colspan="3" style="padding:30px 50px;font-size:8pt;text-align:center;color:#888888;line-height:10pt">Footer text</td> 
    </tr> 
    </table> 
    </body> 
</html>

EDIT: Je l'ai fait un peu de creuser dans la source via Firebug, et je pense que je l'ai réduit à être un problème avec Outlook Web App. Dans la vue Boîte de réception, le corps des messages est encapsulé dans un et le contenu du message HTML est inchangé. Toutefois, si vous affichez la source des messages dans d'autres dossiers, aucun n'est utilisé et la balise <body> du message est convertie en <div> par OWA. Le message incorpore alors des styles de la feuille de style OWA qui semblent remplacer le style en ligne de l'e-mail HTML. Je pense que nous allons ouvrir un ticket avec Microsoft.

Source

2011-06-03 Michael Irigoyen

Malheureusement, ce problème est lié à Microsoft. Nous avons ouvert un billet avec eux il y a un certain temps, mais nous n'avons pas eu de nouvelles. Par conséquent, nous devrons simplement faire.

Source

2012-04-18 18:54:38

Aucune solution à ce sujet? –

Cet article ici: https://www.emailonacid.com/blog/article/email-development/tips_and_tricks_outlook.com encourage l'utilisation d'un CSS personnalisé pour outrepasser les CSS d'Outlook, mais je n'ai pas encore confirmé si cela fonctionne encore. –

Outlook Web App rend incorrectement les e-mails HTML qui ne résident pas dans la boîte de réception

Répondre

Questions connexes