Hotmail错误地“拉伸”HTML/CSS签名

我一直在努力使签名（CSS + HTML）跨多个平台工作，并且在涉及到Hotmail的时候遇到了问题。出于某种原因，将此签名发送到我的Hotmail地址时，它会垂直拉伸。似乎Hotmail出于各种原因在每个表格单元格的文本下方添加了大量的空白空间？Hotmail错误地“拉伸”HTML/CSS签名

该图中清楚地说明了问题：http://www.madculture.es/images/test.jpg 那里的第一个签名是预期输出。我在＃2上添加了边界，以更好地突出问题。签名三是它在Hotmail中的外观！ :(

这个签名在Outlook 2003-2013，Gmail中，Lotus Notes的工作正常，但不是在Hotmail的。

有谁知道可能是什么原因？我无能，已经尝试用这种天现在

下面是签名的完整代码：

<div> 
<table border="1" cellspacing="0" cellpadding="1" height="50" style="font-family: Verdana, Arial, sans-serif; font-size: 1em;"> 
    <tr> 
    <td rowspan="4"> 
    <img src="mc2.png" nosend="1" width="170" height="86" /> 
    </td> 
    <td style="padding-top: 2px;"> 
    John D. Doe 
    </td> 
    </tr> 
    <tr> 
    <td style="font-size: 0.85em; font-weight: bold; color: #932D1F; padding-bottom: 2px;"> 
    Marketing & analytics 
    </td> 
    </tr> 
    <tr> 
    <td style="display: block;"> 
    <a href="mailto:[email protected]" style="color: #666; text-decoration: none; font-size: 0.9em;">[email protected]</a> 
    </td> 
    </tr> 
    <tr> 
    <td style="font-size: 1.05em; font-weight: bold; color: #444; padding-top: 1px;"> 
    Madrid 
    </td> 
    </tr> 
</table> 
</div>

我希望有人能帮助...

来源

2013-03-26 Andreas BB

尝试慢慢移除元素并重新TESTI在每个阶段。作为一个开始：

你的表中有一个高度组是小于主图片
使用嵌套表，而不是rowspan更好的电子邮件客户端支持
避免padding和使用设定的高度，而不是
唐将您的td设置为display: block
将字体样式直接添加到td s（而不是table）以使Outlook正常工作

来源

2013-03-26 11:51:18 CherryFlavourPez

电子邮件客户端如何与浏览器不协调？当我在2013年阅读建议使用嵌套表格进行版面布局时，它让我想哭了。:-( – Spudley 2013-03-26 12:08:23

感谢您的回复。我尝试了所有建议，但无济于事在不断取消签名后，我结束了：

John D. Doe

Marketing & analytics

- 问题是仍然存在....我不能把我的头围绕此:( – 2013-03-26 12:26:55

你可以把你的HTML电子邮件的整个jsFiddle或类似的？听起来像一些其他的CSS或HTML元素在某种程度上产生了影响 – CherryFlavourPez 2013-03-26 12:32:30

Hotmail错误地“拉伸”HTML/CSS签名

回答

相关问题