流体混合电子邮件的两列布局不均匀

时间:2016-11-03 18:43:22

标签: css email html-email email-client

我正在使用流体混合方法为客户发送电子邮件。我试图创建一个两列布局的页脚,但列不均匀。我正在寻找左列(包含图像)为电子邮件宽度的58%(电子邮件的最大宽度为600px),右列(仅包含文本)为剩余的42%宽度。

在通过Litmus进行测试时,我能够在大多数电子邮件客户端上显示它而不会出现问题。 Outlook 2007,2010和Windows 10 Mail给了我一些问题。有什么想法吗?

以下是我litmus build的链接。

提前谢谢!

1 个答案:

答案 0 :(得分:0)

我花了很长时间试图让Outlook尊重列宽,我尝试以下方法:

麻烦的表格的第一行,每个单元格中只有 ,但是明确设置了宽度。

例如:

<table> <tr> <td width="58%">&nbsp;</td> <td width="42%">&nbsp;</td> <\tr> ...

这会阻止Outlook尝试变得聪明并将列调整为它认为应该如何。它的行为就像它将宽度基于表的第一行,因此设置明确的宽度而没有内容通常可以解决问题。

失败了,这是一个肮脏的把戏 - 嵌入一个不可见的1px xpx gif非常有用 - 因为你可以将它包含在每个顶行单元格中并设置其宽度。即使是Outlook也无法忽视这一点。

<img src="1px.gif" height="1" width="58%" />