2011-11-29 83 views
8

如果我在展望中使用样式,它将不起作用。CSS样式在Outlook 2010中不起作用?

我该如何解决?我说的这种风格代码:

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

回答

24

不幸的是展望支持大致相当于IE5兼容HTML的东西。这真的是可怕。下面是关于Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007的详细MSDN文章,我认为Outlook 2010没有多大改变。

说实话,我能够让Outlook的HTML看起来像我想要的唯一方法是手工生成HTML大致使用HTML2标准标签和属性,根本不使用CSS。一些CSS渲染,但它真的碰到或错过

+5

回到基于表格的电子邮件的所有方式 – albert

10

也许这可以帮助http://www.campaignmonitor.com/css/这是一个表,什么是电子邮件支持


编辑
min|max-width|height不支持

+0

即使我除去。我所有的desgi仍然无法正常工作。 – user1032254

+3

如果你想在你的Outlook邮件中使用布局,那么你必须**使用HTML“表格” – HerrSerker

+0

@yunzen是正确的,你需要使用表格。 Outlook 2010 - 大概是Outlook 2013 - 不支持DIV或P标签上的填充或边距,仅在表格上(TD基本上)。 – Darren

2

MSDN article superlime挂讲述悲伤的故事:不管是什么原因艰涩,微软在其处理HTML电子邮件的W/Outlook2007恢复了近10年,并没有看到合适的解决它在2010年

有为了给邮件用户代理的其余部分设计一个格式良好的HTML布局,我确实看到了一种挽救解决方法,这就是我要引导我的用户的方法,而不是花费我的时间尝试重构古代HTML:

使用查看浏览器选项Outl ook为阅读电子邮件提供优惠。按预期重新组装HTML。

+0

有没有办法为浏览器中的视图选项创建链接?我看到很多电子邮件的内容是“如果您在阅读此电子邮件时遇到问题,请点击此处”,但我一直认为这只是让您在网站上找到了一份副本。 –

+0

好问题。我想知道。并注意到,在win7上Outlook2010并不总是给我那个“在浏览器中查看”选项上方的邮件标题信息。显然它知道它什么时候搞砸了! [这个人在这里](http://www.emailsignature.eu/phpBB2/how-to-get-view-in-browser-link-in-outlook-2010-t1550。html) 说你至少可以确保一个收件人会得到 的选项,故意放入某些东西将打破一个空的,风格的范围: fortboise

+3

这将工作:'#outlook一个{填充:0;}'。它基本上什么也没做,只是强制展望“在浏览器中查看”链接。 – acme

3

http://htmlemailboilerplate.com/

我一直在使用,作为对我的HTML电子邮件活动基地。

链接yunzen发布到活动监视器是一个很好的资源。

+2

这个问题背后的问题的绝佳答案。 – Nathan

0

尝试添加3列表,点击下面的示例链接。

实施例: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>