我将以下html作为我生成电子邮件的模板。当我在IE中打开模板时,Chrome浏览器都能正常工作,看起来和预期的一样。电子邮件的HTML模板不按预期方式呈现
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.wrap{
border:2px solid #CCC;
background:#FFF;
width:600px;
}
.wrap2{
border:2px solid #CCC;
background:#CCC;
}
</style>
</head>
<div class="wrap" width="600">
<!--<h3>Email Alert</h3>-->
<table>
<tr>
<td>
<font color="#999999">
<strong>Start Time </strong>
</font>
</td>
<td> : 1212 12 12 12</td>
</tr>
<tr>
<td>
<font color="#999999">End Time </font>
</td>
<td align="left"> : 1212 12 12 12</td>
</tr>
<tr>
<td>
<font color="#999999">Location </font>
</td>
<td align="left"> : Sri Lanka</td>
</tr>
<tr>
<td>
<font color="#999999">Description </font>
</td>
<td align="left"> : blah blaah blah</td>
</tr>
</table>
<div class="wrap2">
<small>This email alert is automatically generated for the appointment created </small>
<br/>
<small>You are receiving this email because you set a reminder for this appointment on the calendar .</small>
</div>
</div>
<body>
</body>
</html>
但是,当我将它作为模板发送到电子邮件时,Outlook以特殊方式呈现它。请找到下面的图片。它不适用于我给出的固定宽度600px
。它延伸为我调整在Outlook 2007中
电子邮件窗口是否有人可以告诉我这个问题?
你的'body'标签是空的......你的表格/ div应该在那里(如果可能的话,坚持使用电子邮件表格)。 –