Outlook 2007 Html table td elements

僤鯓⒐⒋嵵緔 提交于 2019-12-22 11:49:27

问题


I try to make newsletter compatible with Outlook 2007, but Outlook rendering engine isn't very logical. Following code is not making borders as width of 1 pixel like in Firefox and other rendering engines, but it adds some extra space between some of these td-elements. Is there a workaround for this issue ?

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

回答1:


I just set border-collapse:"collapse", cellspacing="0", cellpadding = "0" with my Outlook 2007 and it helped.




回答2:


<table cellspacing = "0"> will solve your problem if I understand it correctly




回答3:


have you tried setting "border-collapse: collapse" on the table?

A very usefull guide to show which CSS properties are supported in Outlook 07/03: http://www.campaignmonitor.com/blog/post/2533/a-guide-to-css-support-in-emai-2/#pc




回答4:


You could try to do your newsletter with Word 2007, saving it as HTML and then tweaking it (triming unnecesary things) for the rest of the email clients.

Outlook (<2007) by default uses Trident, IE's engine for incoming mail, and Word HTML rendering engine for outgoing mail... Until Office 2007, and people hate it.

Now, it uses Word 2007's rendering, wich is rather lacking. On microsoft's page you can see the attributes you can use.




回答5:


I've had this problem before. To make it display correctly in Outlook, you have to have it like:

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

to make the borders show up.

It's a bit weird, but that's Microsoft for you.



来源:https://stackoverflow.com/questions/868132/outlook-2007-html-table-td-elements

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!