1. 3

    Avez-vous essayé d'ajouter align="left" et align="right" le cumul de l'aide de tables?

    Voir mise à jour de violon: http://jsfiddle.net/bxdUp/1/

    Vous avez actuellement le droit de la table avec align="left", mais j'ai eu du succès avec Outlook tableau d'alignement de la manipulation de la align valeur.

    Je n'ai pas essayé encore. Je vais le tester maintenant. Merci pour l'aide.
    Ajoutez à cela, vous aussi besoin de définir les border attribut 0 sur vos tables internes - ne pas, mais j'ai vu plus étrange des choses.
    Confirmé, de travail. Merci pour l'aide.
    Qui, malheureusement, ne semble pas fonctionner dans outlook 2007 et 2010 (voir les captures d'écran de tournesol tests ici: outlook 2007 et outlook 2010)

    OriginalL'auteur samanthasquared

  2. 2

    Pour toute personne qui vient à travers cette SORTE et est à la recherche d'une solution pour le problème ci-dessus, où le réactif 2-contenu de la colonne est ÉGALEMENT centrée j'ai trouvé que l'utilisation de conditions afin de définir des colonnes uniquement pour Outlook fait mon monde de 1^300 plus facile. Bien sûr, il est plus sensible dans Outlook, mais vraiment... F Outlook.

    <!-- define a 100% width table -->
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td width="100%" style="text-align:center; background-color:white">
<!-- define a fixed width table using a class for responsive.  I found that defining an arbitary height seemed to be important ~ silly Outlook -->
<!-- align center -->
<table cellpadding="0" cellspacing="0" class="fixedWidthTable" border="0" height="300" align="center">
<tbody>
<tr>
<td>
<!-- align left (this renders as float:left in webkit).  Absolutely defined width. -->
<table cellpadding="0" cellspacing="0" border="0" width="300" align="left" style="margin:0;padding:0;width:300px">
<tr>
<td>
<!-- content -->
</td>
</tr>
</table>
<!-- > THIS BIT IS THE KICKER < whack in a column if Outlook -->
<!--[if mso]></td><td><![endif]-->
<!-- Brilliant. -->
<!-- align right (this renders as float:right in webkit).  Absolutely defined width. -->
<table cellpadding="0" cellspacing="0" border="0" width="300" align="right" style="margin:0;padding:0;width:300px">
<tr>
<td>
<!-- content -->
</td>
</tr>
</table>
</td>
</tr>
</table>
... close outer tables etc.
    Le génie, c'était juste pensant que ce serait la solution.

    OriginalL'auteur lucygenik

  3. 0

    J'ai trouvé que la réduction des largeurs de tableau de quelques pixels de travail dans le cas d'Outlook, je ne peux que supposer est Outlook rendu des largeurs en pixels différemment des autres clients de messagerie.

    Pas idéal, mais cela a fonctionné pour moi.

    Je crois que la raison en est que outlook insère un petit espace après chaque table, pas que les tableaux eux-mêmes sont de taille différente. En les rendant légèrement plus petit, fonctionne comme un correctif.
    Qui fait sens. Merci
    Rendre les tableaux plus petits ne fonctionne pas pour moi.

    OriginalL'auteur MattHodkinson

  4. 0

    Je ne pense pas qu'il va travailler sur différentes versions d'Outlook. D'abord parce qu'Outlook ne comprend pas les media queries. Version d'Outlook 2007 est basé sur le Moteur de rendu de IE, tandis que version d'Outlook 2010 et la version 2013 de l'utilisation de Word que le moteur de rendu pour l'affichage des e-mails html. Je crois donc il n'y a aucun moyen de les faire travailler dans Outlook.

    Un point de plus, c'est que lorsque ce code est exécuté dans Outlook, il ignore tout ce qui est à l'intérieur de balises de style. Vous devriez donner du style en ligne pour les e-mails Outlook.

    Je comprends Outlook ne reconnaît pas les media queries, mais ces requêtes de média ne sont pertinentes que pour les appareils mobiles. Si vous regardez le jsfiddle exemple, vous verrez que si vous développez de la sortie html contenant les deux tables sont alignées à gauche et à côté les uns des autres. Outlook empile les tables sur le dessus les uns des autres au lieu d'afficher les uns à côté des autres.
    En fait, c'est Outlook 2003 utilisée en dernier IE - 2007+ tous l'utilisation de Word. Aussi, Outlook prend en charge style balises (de presque tous les grands de client de messagerie, Gmail étant la seule exception).

    OriginalL'auteur defau1t