2011-11-29 19 views
8

Si utilizo el estilo en mi perspectiva, no funcionará.CSS Styling no funcionará en Outlook 2010?

¿cómo puedo arreglarlo? Estoy hablando de este código de estilo:

<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;"> 

Respuesta

24

embargo, Outlook admite algo más o menos equivalente al HTML compatible con IE5. Es realmente terrible. Aquí hay un artículo detallado de MSDN en el Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007, que no creo que haya cambiado mucho para Outlook 2010.

Honestamente, la única forma en que he podido obtener HTML de Outlook para que se vea como quiero es generar a mano HTML utilizando etiquetas y propiedades estándar HTML2 y sin usar CSS en absoluto. Algunos renders CSS, pero es realmente al azar.

+5

volver a los diseños basados ​​en tablas para los correos electrónicos – albert

10

Tal vez esto puede ayudar a http://www.campaignmonitor.com/css/ Es una mesa, lo que se admite en E-Mails


edición
min|max-width|height no apoyaron

+0

Incluso si i eliminar. todos mis desgi aún no funcionan ... – user1032254

+3

Si quiere un diseño en su correo de Outlook, entonces ** debe ** usar HTML 'tablas' – HerrSerker

+0

@yunzen es correcto, necesita usar tablas. Outlook 2010, y presumiblemente Outlook 2013, no admite el relleno o los márgenes en las etiquetas DIV o P, solo en las tablas (TD básicamente). – Darren

2

El MSDN article superlime vinculado a cuenta la triste historia: por las razones que sean incomprensibles, Microsoft invirtió casi 10 años en el manejo de correo electrónico HTML w/Outlook2007, y no consideró adecuado para fijarlo en 2010.

Tener Me tomé la molestia de diseñar un diseño HTML bien formateado para el resto del universo de agentes de usuario de correo, veo una solución de ahorro, que es a lo que voy a dirigir a mis usuarios, en lugar de gastar mi tiempo tratando de reconstruir HTML antiguo:

Utilice la opción VIEW IN BROWSER Outl Ook ofrece una lectura de un mensaje de correo electrónico. Eso vuelve a armar el HTML como estaba previsto.

+0

¿Hay alguna manera de crear un enlace para la vista en la opción del navegador? He visto muchos correos electrónicos que dicen "Haga clic aquí si tiene problemas para leer este correo electrónico", pero siempre pensé que eso lo traía a una copia en el sitio web. –

+0

Buena pregunta. Me preguntaba. Y noté que Outlook2010 en win7 SIEMPRE no me da esa opción de "ver en el navegador" encima de la información del encabezado del mensaje. Aparentemente, ¡sabe cuándo está arruinando las cosas! [Este compañero aquí] (http://www.emailsignature.eu/phpBB2/how-to-get-view-in-browser-link-in-outlook-2010-t1550.html) dice que al menos puede asegurarse de que un destinatario reciba la opción poniendo deliberadamente algo que outlook romperá un lapso vacío, con estilo: fortboise

+3

Esto funcionará: '#outlook a {relleno: 0;} '. Básicamente no hace nada en absoluto, pero obliga a Outlook a mostrar el enlace "ver en el navegador". – acme

3

http://htmlemailboilerplate.com/

He estado usando eso como una base para mis campañas de correo electrónico HTML.

Y el enlace yunzen publicado en el monitor de campaña es un gran recurso.

+2

excelente respuesta a la pregunta detrás de la pregunta. – Nathan

0

Intente agregar tabla de 3 columnas, haga clic en el siguiente enlace de ejemplo.

Ejemplo: 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>