表内的表通讯：填充不工作

Question

我收到了此简报http://jsfiddle.net/n5cGm/

使用容器div来设置简报的中心并为其提供背景图像，

好的，我们在发送时遇到的问题很少，它从（浏览器）改为

到（Outlook）：检查徽标位置;甚至不打扰边界半径。仅适用于支持它的浏览器;如果没有，那就不重要了。

这是我尝试使用表格中的表格的第二个（现在是错误的）版本：

http://jsfiddle.net/9dchU/1/

在Firefox中工作正常，但嵌入在jsfiddle中并没有在Outlook中看起来几乎相同......

你能看到弄乱填充物的样式吗？

Answer 1

与某些浏览器一样，某些电子邮件客户端既不能显示border-radius参数。我建议，使用图像作为白色背景。

Answer 2

我会从头开始。你似乎有一个标签，不是关闭，额外或无用的。让我解释一下，使用tbody或th标签进行电子邮件是没有意义的。每次测试时，它们都会导致设计出现裂痕。你的设计其实很简单。你想做的是这样的：

<table cellpadding="0" cellspacing="0" border="0" style="font: Arial;">
<tr><td>
<img src="http://domain.com/top-image.gif" />
</td></tr>
<tr><td bgcolor="#ffffff" style="padding: 20px">
text text text
</td></tr>
<tr><td>
<img src="http://domain.com/bottom-image.gif" />
</td></tr>
</table>

不要将背景图片用于电子邮件，因为它们不受支持。

以下是您所做的事情：

看看上面的图片。忘掉你要在3个切片中水平裁剪的四个角落。

顶部将是你的top-image.gif

在你可以丢弃的中间，这就是你的文本应该去的地方。

最后，底部切片将是你的bottom-image.gif

希望这能指出你正确的方向。