【问题标题】:Width issue in Outlook 2010Outlook 2010 中的宽度问题
【发布时间】:2012-12-02 14:14:11
【问题描述】:

我有相当多的电子邮件编码经验,并且熟悉 Outlook 的噩梦,但这对我来说是新的,而且,它似乎只影响了一些用户。基本上,在我们的时事通讯模板中,有一个设计用于嵌套内容的表格。它在左侧和右侧有列,具有宽度属性作为边距。对于 2010 年的某些用户,Outlook 似乎会折叠列,而对于其他用户则不会。

是否有人知道 Outlook 中可能导致这种情况发生的设置?

这是代码的一个版本,内容被剥离:

<table style="FONT-FAMILY: Helvetica Neue, Arial, sans-serif; COLOR: #4b4b4b; FONT-SIZE: 12px" border="0" cellspacing="0" cellpadding="0" width="600" bgcolor="#FFFFFF" align="center">
<tbody>
<tr>
<td rowspan="6" width="30"></td>
<td height="30"></td>
<td rowspan="6" width="30"></td>
</tr>
<tr>
<td style="PADDING-BOTTOM: 40px">
<table style="WIDTH: 540px">
<tbody>
<tr>
<td style="TEXT-ALIGN: right; PADDING-BOTTOM: 10px; FONT-SIZE: 10px"></td>
</tr>
</tbody>
</table>
<table style="WIDTH: 540px" border="0" cellspacing="0">
<tbody>
<tr>
<td width="340"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="PADDING-BOTTOM: 20px"></td>
</tr>
<tr>
<td style="PADDING-BOTTOM: 45px; FONT-SIZE: 10px; BORDER-TOP: #412878 4px solid; PADDING-TOP: 20px">
</td>
</tr>
</tbody>
</table>

谢谢,

M

【问题讨论】:

  • 尝试将长度单位更改为 px。在您的代码中,我看到其中一些只是没有 px 后缀的数字。
  • 我有时也会遇到同样的问题。我求助于使用间隔图像。
  • 谢谢大家。 sємsєм - 看起来我不能在这个标签上使用 'px'。尝试将宽度移动到样式标签,但仍然无济于事。 Gareth Cornish - 我很可能最终也会这样做!
  • 虽然在测试和寻找这方面的提示之后,图像似乎存在各种问题(见this question)......我认为我将放弃并相信它只会影响一小部分 Outlook 用户。

标签: html css outlook-2010


【解决方案1】:

我的建议是查看电子邮件客户端的 Campaign Monitors CSS 支持列表; Outlook '10 完全忽略了位置 CSS,例如边距、填充等。使用 Outlook '10 时尽可能远离 CSS,使用 90 年代早期的代码,并在需要时使用高度属性和额外元素。

http://www.campaignmonitor.com/css/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-02
    • 1970-01-01
    • 2012-05-31
    • 2015-05-11
    • 1970-01-01
    • 2014-04-03
    相关资源
    最近更新 更多