outlook 2010/2013中的html呈现不正确，但在html文件中工作正常
Html文件在浏览器中工作正常，但在outlook 2010/2013中无法正常触发 有很多空白和缺口问题，甚至border也没有处理img标签 任何帮助都是值得的。您可以在下面找到代码：outlook 2010/2013中的html呈现不正确，但在html文件中工作正常,html,outlook,html-email,outlook-2010,email-client,Html,Outlook,Html Email,Outlook 2010,Email Client,Html文件在浏览器中工作正常，但在outlook 2010/2013中无法正常触发 有很多空白和缺口问题，甚至border也没有处理img标签 任何帮助都是值得的。您可以在下面找到代码： <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> MESC 2014 </title> <style type="text/css"> /*&
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
MESC 2014
</title>
<style type="text/css">
/*<![CDATA[*/
.logo {
text-align:right;
}
body{font-family:Arial; font-size:15px; line-height:1.5; }
.padding15{padding:15px;}
/*]]>*/
</style>
</head>
<body>
<table width="600" border="0" cellpadding="2" align="center">
<tbody>
<tr>
<td colspan="2">
</td>
<td align="right" style="padding:10px 0 15px 0;">
<a href="http://www.test.com"><img src=
"http://test.com/test/testt/images/emailLogo.png"
width="131" height="36" alt="" /></a>
</td>
</tr>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" width="600" height=
"160">
<tbody>
<tr>
<td>
<img src=
"http://test.com/test/testt/images/MESC%20banner%202014.jpg"
width="600" height="160" style=
"border-top: 1px solid #808080; border-bottom: 1px solid #808080; " />
</td>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="mktEditable" id='area1' colspan="3" style=
"line-height:1.8; padding:20px 10px; border-bottom:1px solid #73716f">
Hello Sir/Madam,<br />
<br />
Lorem lipsum Lorem lipsum Lorem lipsum .<br />
<br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum.
</td>
</tr>
<tr>
<td colspan="3" style="font-size:18px; padding:25px 10px"
class="mktEditable" id='area2'>
Lorem lipsum Lorem lipsum Lorem lipsum :
</td>
</tr>
<tr>
<td style="padding:0 20px;" width="80">
<img src=
"http://test.com/test/testt/images/MESC2014Visuals_11.png"
width="63" height="61" alt=""style=";" />
</td>
<td colspan="3" style="padding:10px 0" width="400" class=
"mktEditable" id='area3'>
<strong>Our basecamp solutions:</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum
Lorem lipsum.
</td>
</tr>
<tr>
<td style="padding:0 20px;" width="80">
<img src=
"http://test.com/test/testt/images/MESC2014Visuals_14.png"
width="63" height="61" alt="" style=";" />
</td>
<td colspan="3" style="padding:10px 0" width="400" class=
"mktEditable" id='area4'>
<strong>Lorem lipsum :</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum
</td>
</tr>
<tr>
<td style="padding:0 20px;" width="80">
<img src=
"http://test.com/test/testt/images/MESC2014Visuals_16.png"
width="63" height="69" alt=""style=";" />
</td>
<td colspan="3" style="padding:10px 0" width="400" class=
"mktEditable" id='area9'>
<strong>Lorem lipsum :</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum.
</td>
</tr>
<tr>
<td colspan="3" style=
"font-size:18px; padding:20px 0 0 0;" class="mktEditable"
id='area5'>
<strong style=
"color:#f7931e; text-transform:uppercase;">Lorem lipsum
Lorem lipsum .</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum :
</td>
</tr>
<tr>
<td style="padding:0 20px;" width="80">
<img src=
"http://test.com/test/testt/images/MESC2014Visuals_18.png"
width="63" height="59" alt="" style=";" />
</td>
<td colspan="3" style="padding: 30px 0 0;" width="400"
class="mktEditable" id='area6'>
<strong>3 p.m. Tuesday, Aug. 19:</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum.
</td>
</tr>
<tr>
<col width="100px" />
<col width="50px" />
<td style="padding:0 20px;" width="100">
<img src=
"http://test.com/test/testt/images/MESC2014Visuals_18.png"
width="63" height="59" style=";" alt="" />
</td>
<td colspan="3" style="padding: 30px 0 0;" width="500"
class="mktEditable" id='area7'>
<strong>Lorem lipsum Lorem lipsum
ICD-10:</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum .<br />
<br />
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum!
</td>
</tr>
<tr>
<td colspan="3" style=
"color:#58595b; font-size:12px; text-align:justify; border-top:1px solid #73716f; padding-top:20px;">
ABOUT Lorem lipsum <br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum <br />
Learn more about us at Lorem lipsum.com. <a href=
'http://www.contactus.com' style=
"color:#f7931e;">Contact us</a>.
</td>
</tr>
</tbody>
</table>
</body>
</html>
MESC 2014
/**/
您好，先生/女士，
Lorem lipsum Lorem lipsum Lorem lipsum.
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
洛勒姆·利普苏姆·洛勒姆·利普苏姆。
Lorem lipsum Lorem lipsum Lorem lipsum：
我们的大本营解决方案：
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
洛雷姆·利普苏姆洛雷姆·利普苏姆
洛雷姆·利普苏姆。
Lorem lipsum:
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
洛雷姆·利普苏姆洛雷姆·利普苏姆
Lorem lipsum:
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
洛勒姆·利普苏姆·洛勒姆·利普苏姆。
Lorem lipsum
Lorem lipsum.
Lorem lipsum Lorem lipsum Lorem lipsum
洛雷姆·利普苏姆洛雷姆·利普苏姆
Lorem lipsum Lorem lipsum Lorem lipsum：
8月19日星期二下午3点：
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
洛勒姆·利普苏姆·洛勒姆·利普苏姆。
Lorem lipsum Lorem lipsum
ICD-10:
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum。
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum！
关于Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
请访问Lorem lipsum.com了解更多关于我们的信息。
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellpadding="2" align="center">
<tr>
<td colspan="2">
</td>
<td align="right" style="padding:10px 0 15px 0;" valign="top">
<a href="http://www.test.com"><img src=
"http://lorempixel.com/131/36/abstract/4"
width="131" height="36" alt="" /></a>
</td>
</tr>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" width="600" height=
"160">
<tbody>
<tr>
<td style="border-top: 1px solid #808080; border-bottom: 1px solid #808080; padding:2px 0; ">
<img src=
"http://lorempixel.com/600/160/abstract/6"
width="600" height="160" />
</td>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="mktEditable" id='area1' colspan="3" style=
"line-height:1.8; padding:20px 10px; border-bottom:1px solid #73716f" valign="top">
Hello Sir/Madam,<br />
<br />
Lorem lipsum Lorem lipsum Lorem lipsum .<br />
<br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum.
</td>
</tr>
<tr>
<td colspan="3" style="font-size:18px; padding:25px 10px"
class="mktEditable" id='area2'>
Lorem lipsum Lorem lipsum Lorem lipsum :
</td>
</tr>
<tr>
<td align="center" valign="top" colspan="4">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" style="padding:15px 0">
<img src="http://lorempixel.com/63/61/abstract/9" width="63" height="61" alt=""style=";" />
</td>
<td width="20" style="font-size:1px; line-height:1px;"> </td>
<td class="mktEditable" id='area3' valign="top" style="padding:15px 0">
<strong>Our basecamp solutions:</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum
Lorem lipsum.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" colspan="4">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" style="padding:15px 0">
<img src="http://lorempixel.com/63/61/abstract/9" width="63" height="61" alt=""style=";" />
</td>
<td width="20" style="font-size:1px; line-height:1px;"> </td>
<td class="mktEditable" id='area3' valign="top" style="padding:15px 0">
<strong>Our basecamp solutions:</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum
Lorem lipsum.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" style=
"font-size:18px; padding:20px 0;" class="mktEditable"
id='area5'>
<strong style=
"color:#f7931e; text-transform:uppercase;">Lorem lipsum
Lorem lipsum .</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum :
</td>
</tr>
<tr>
<td align="center" valign="top" colspan="4">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" style="padding:15px 0">
<img src="http://lorempixel.com/63/61/abstract/9" width="63" height="61" alt=""style=";" />
</td>
<td width="20" style="font-size:1px; line-height:1px;"> </td>
<td class="mktEditable" id='area3' valign="top" style="padding:15px 0">
<strong>Our basecamp solutions:</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum
Lorem lipsum.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" colspan="4">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" style="padding:15px 0">
<img src="http://lorempixel.com/63/61/abstract/9" width="63" height="61" alt=""style=";" />
</td>
<td width="20" style="font-size:1px; line-height:1px;"> </td>
<td class="mktEditable" id='area3' valign="top" style="padding:15px 0">
<strong>Our basecamp solutions:</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum
Lorem lipsum.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" colspan="4">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" style="padding:15px 0">
<img src="http://lorempixel.com/63/61/abstract/9" width="63" height="61" alt=""style=";" />
</td>
<td width="20" style="font-size:1px; line-height:1px;"> </td>
<td class="mktEditable" id='area3' valign="top" style="padding:15px 0">
<strong>Our basecamp solutions:</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum
Lorem lipsum.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
您好，先生/女士，
Lorem lipsum Lorem lipsum Lorem lipsum.
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
洛勒姆·利普苏姆·洛勒姆·利普苏姆。
Lorem lipsum Lorem lipsum Lorem lipsum：
我们的大本营解决方案：
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
洛雷姆·利普苏姆洛雷姆·利普苏姆
洛雷姆·利普苏姆。
我们的大本营解决方案：
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
洛雷姆·利普苏姆洛雷姆·利普苏姆
洛雷姆·利普苏姆。