Outlook 2013 En-tête du bulletin HTML non correct

Nous semblons avoir quelques problèmes avec l'affichage de notre newsletter dans certains Outlook 2013. Ce bulletin était un modèle créé par un tiers. Mais lorsque nous l'envoyons à un email et l'envoyons, il fonctionne parfaitement dans presque tous les cas (gmail, hotmail, webmail, ...) et même dans la plupart des versions Outlook sauf dans quelques Outlook 2013 mais pas tous. Le problème est qu'une image est juste comme en-tête dans le bulletin d'information et dans certains cas cela ne remplit pas le tout comme vous pouvez le voir ci-dessous. Dans la deuxième image, vous pouvez voir qu'il y a des espaces sur le côté de l'image qui ne devraient pas être là.Outlook 2013 En-tête du bulletin HTML non correct

Quelqu'un peut-il me dire comment je peux résoudre ce problème? Thnx

enter image description here

Ici vous pouvez trouver le code utilisé pour afficher l'image sur le modèle HTML:

<body style="margin: 0; background: #e5f1fc;"> 
    <table cellspacing="0" cellpadding="0" style="width: 100%; text-align: center; vertical-align: top; margin: 0; background: #eff7fc;"><tr><td style="width: 100%; text-align: center; background: #e5f1fc;"> 

     <table cellspacing="0" cellpadding="0" style="width: 800px; margin: 0 auto; background: #fff;"> 
      <tr> 
       <td colspan="5" style="width: 100%; font-size: 0; line-height: 0; vertical-align: top; text-align: left;"> 
        <a href="http://www.ourdomain.be"><img alt="Companyname" src="images/header.jpg" style="margin: 0; border: 0; display: inline-block;" /></a> 
       </td> 
      </tr>  
      <tr><td colspan="5" style="width: 800px; height: 30px; font-size: 0; line-height: 0; vertical-align: top;">&nbsp;</td></tr>    
      <tr>

EDIT: Le problème ne semble apparaître sur notre nouveau Dell Lattitude 5540 ordinateurs portables . Chaque autre installation de 2013 montre parfaitement l'email. Seuls les ordinateurs portables ont ce problème. Je ne peux pas comprendre ce que le problème peut être. est-ce que quelqu'un a une idée?

Thnx

Source

2015-03-26 Jo Broeckx

La 'largeur: 800px' semble étrange ici. Que faire si la fenêtre est plus large? – Palec

que mettriez-vous alors? 100% –

Je remplacerais 800px par 100% et définir 'width: 100%' même dans l'élément 'img'. Mais je n'ai jamais travaillé avec des messages électroniques HTML, juste avec le Web. Je ne connais pas les idiosyncrasies des clients de messagerie. – Palec

Il est difficile de savoir sans voir le reste du code, mais je serais prêt à parier qu'il ya quelque chose dans l'e-mail, ci-dessous l'en-tête, qui est plus large que 800px. Dans mon expérience avec les e-mails HTML et Outlook, c'est soit cela ou un problème avec Outlook malentendu colspan. Voici une réponse d'une précédente question similaire:

Perspectives a un problème où si vous mettez un colspan dans la première rangée d'une table, il gâchera la largeur des lignes suivantes. Le travail pour cela est que vous devez spécifier vos largeurs de cellules dans la rangée supérieure, même s'il s'agit d'une ligne vide.

Vous devrez peut-être spécifier le width dans votre premier <table> pour le réparer.

Source

2015-03-26 16:09:59

Dans le premier tableau il y a une largeur à 100% mais même si je change cela, le problème est résolu. –

Les pourcentages sont ignorés dans l'attribut 'largeur'; vous devrez utiliser une valeur fixe. –

Outlook 2013 En-tête du bulletin HTML non correct

Répondre

Questions connexes