2011-11-29 2 views
8

Si j'utilise le style dans mes perspectives, cela ne fonctionnera pas.CSS Styling ne fonctionnera pas dans Outlook 2010?

comment puis-je résoudre ce problème? Je parle de ce code de style:

<div id="BodyID" Style=" word-spacing:2px; min-width:0px; min-height:0px;max-width:693px; max-height:490px; height:485px; background-color:#f4f4f4; border:1px solid #e4e4e4; font-family:Arial;"> 

Répondre

24

Malheureusement Perspectives supporte quelque chose d'équivalent à peu près au HTML compatible IE5. C'est vraiment terrible. Voici un article MSDN détaillé sur le Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007, que je ne crois pas avoir beaucoup changé pour Outlook 2010.

Honnêtement, la seule façon dont j'ai pu obtenir Outlook HTML comme je veux HTML en utilisant grossièrement les balises et propriétés standard HTML2 et n'utilisant pas du tout le CSS. Certains rendus CSS, mais c'est vraiment hit ou rate.

+5

retourner à la table mise en page tout le chemin pour les e-mails – albert

10

Peut-être que cela peut aider http://www.campaignmonitor.com/css/ Il est une table, ce qui est pris en charge dans E-Mails


modifier
min|max-width|height pas pris en charge

+0

Même si je supprimer. tous mes desgi ne fonctionnent toujours pas .. – user1032254

+3

Si vous voulez une mise en page dans votre mailing Outlook, que vous ** devez ** utiliser HTML 'tables' – HerrSerker

+0

@yunzen est correct, vous devez utiliser des tables. Outlook 2010 - et probablement Outlook 2013 - ne prend pas en charge le remplissage ou les marges sur les balises DIV ou P, uniquement sur les tables (essentiellement TD). – Darren

2

Le MSDN article superlime lié à la triste histoire raconte: pour quelque raison incompréhensible, Microsoft est revenu près de 10 ans dans leur gestion du courrier électronique HTML w/Outlook2007, et n'a pas jugé bon de le fixer en 2010.

Ayant pris la peine de concevoir une mise en page HTML bien formatée pour le reste de l'univers des agents utilisateurs de messagerie, je vois une solution de contournement, ce que je vais diriger mes utilisateurs, plutôt que de passer mon temps à essayer de reconstruire l'ancien HTML:

Utilisez le AFFICHER DANS LE NAVIGATEUR option Outl ook offres pour lire un e-mail. Cela ré-assemble le HTML comme prévu.

+0

Y at-il un moyen de créer un lien pour l'affichage dans l'option du navigateur? J'ai vu beaucoup de courriels qui disaient: «Cliquez ici si vous avez de la difficulté à lire cet e-mail», mais j'ai toujours pensé que cela vous amenait à une copie sur le site même. –

+0

Bonne question. Je me demandais. Et remarqué que Outlook2010 sur win7 ne me donne TOUJOURS pas cette option "voir dans le navigateur" au-dessus des informations d'en-tête de message. Apparemment, il sait quand il fout les choses! [Cet homme ici] (http://www.emailsignature.eu/phpBB2/how-to-get-view-in-browser-link-in-outlook-2010-t1550.html) dit que vous pouvez au moins assurer un destinataire aura l'option par exprès mettre dans quelque chose outlook va casser une durée vide, de style: fortboise

+3

Cela fonctionnera: '#outlook un {padding: 0;} '. Il ne fait fondamentalement rien du tout mais force les perspectives à afficher le lien "voir dans le navigateur". – acme

3

http://htmlemailboilerplate.com/

Je me sers que comme base pour mes campagnes email HTML.

Et le lien yunzen posté sur le moniteur de campagne est une excellente ressource.

+2

bonne réponse à la question derrière la question. – Nathan

0

Essayez d'ajouter 3 colonnes, cliquez sur le lien ci-dessous.

Exemple: Link

<table border="0" cellspacing="0" width="100%"> 
    <tr> 
     <td></td> 
     <td width="400"> 
      <table border="1" cellspacing="0" width="100%"> 
       <tr> 
        <td> 
         Content here... 
        </td> 
       </tr> 
      </table> 
     </td> 
     <td></td> 
    </tr> 
</table>