Outlook 2007 Html表td元素

时间:2009-05-15 11:22:58

标签: html outlook html-table rendering outlook-2007

我尝试使新闻稿与Outlook 2007兼容,但Outlook呈现引擎不太符合逻辑。以下代码不像Firefox和其他渲染引擎那样将边框设置为1像素的宽度,但它在这些td元素中添加了一些额外的空间。这个问题有解决方法吗?

<table>
<tr>

<td width="0" style="border-left: 1px solid #cdcdcd; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #c1c1c1; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #adadad; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #949494; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>

<td width="100%" bgcolor="white">
content here
</td>

<td width="0" style="border-right: 1px solid #949494; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #adadad; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #c1c1c1; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #cdcdcd; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>

</tr>
</table>

5 个答案:

答案 0 :(得分:3)

我刚刚使用Outlook 2007设置了border-collapse:“collapse”,cellspacing =“0”,cellpadding =“0”并且它有所帮助。

答案 1 :(得分:2)

如果我理解正确,

<table cellspacing = "0">将解决您的问题

答案 2 :(得分:2)

你试过在桌子上设置“border-collapse:collapse”吗?

一个非常有用的指南,用于显示Outlook 07/03中支持哪些CSS属性:http://www.campaignmonitor.com/blog/post/2533/a-guide-to-css-support-in-emai-2/#pc

答案 3 :(得分:1)

您可以尝试使用Word 2007进行简报,将其另存为HTML,然后针对其余电子邮件客户端进行调整(尝试不必要的事情)。

Outlook(&lt; 2007)默认情况下使用Trident,IE的传入邮件引擎和外发邮件的Word HTML呈现引擎...... Until Office 2007, and people hate it.

现在,it uses Word 2007's renderingis rather lackingOn microsoft's page您可以看到可以使用的属性。

答案 4 :(得分:0)

我以前遇到过这个问题。要使其在Outlook中正确显示,您必须具有以下内容:

<td style="border:solid windowtext 1.0pt;"> 

使边框显示出来。

这有点奇怪,但那是微软的。