我正在设计的电子邮件存在一些问题。我试图将这三个表并排放在一起,下面的三个表(但是当我在移动设备上查看时它会一个接一个地完成。)这在雅虎和hotmail这样的电子邮件客户端中运行良好但它开始破坏在outlook中,两个将并排放在下面的下一个表格中(在电子邮件的右侧创建一个巨大的空间。)我对电子邮件设计很新,所以任何帮助都会很棒。
<table width="593" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="593"><table style="float: left;" align="center"
border="0" width="196" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="5" colspan="3"></td>
<td width="5" colspan="3" rowspan="4"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff"><span
style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
src="entertainment.gif" alt="" width="38" height="38"
align="left" /> <strong>Magazine
Subsription</strong><br> Some awesome stuff</span></td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff"><a target="_blank"
href="LINK"><img style="display: block;" src="IMAGE"
alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
</tr>
<tr>
<td width="5" height="26" bgcolor="#ffffff"> </td>
<td width="84" bgcolor="#ffffff"><span
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
Points</span></td>
<td width="101" bgcolor="#ffffff"><table align=""
width="101" height="26" cellpadding="0" cellspacing="0">
<tr valign="middle" align="center" width="300" height="10"
bgcolor="#8ec043" style="color: #ffffff;">
<td valign="middle"
style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
width="83" height="24"><div align="center">
<a href="LINK"
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
style="color: #FFFFFF">Spend Points</span></a>
</div></td>
<td width="16" valign="middle"><a href="LINK"><img
src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
alt="" width="12" height="16" align="left" /></a></td>
</tr>
</table></td>
</tr>
</tbody>
</table>
<table style="float: left;" align="center" border="0" width="196"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="5" colspan="3"></td>
<td width="5" colspan="3" rowspan="4"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff"><span
style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
src="entertainment.gif" alt="" width="38" height="38"
align="left" /> <strong>Magazine
Subsription</strong><br> Some awesome stuff</span></td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff"><a target="_blank"
href="LINK"><img style="display: block;" src="IMAGE"
alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
</tr>
<tr>
<td width="5" height="26" bgcolor="#ffffff"> </td>
<td width="84" bgcolor="#ffffff"><span
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
Points</span></td>
<td width="101" bgcolor="#ffffff"><table align=""
width="101" height="26" cellpadding="0" cellspacing="0">
<tr valign="middle" align="center" width="300" height="10"
bgcolor="#8ec043" style="color: #ffffff;">
<td valign="middle"
style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
width="83" height="24"><div align="center">
<a href="LINK"
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
style="color: #FFFFFF">Spend Points</span></a>
</div></td>
<td width="16" valign="middle"><a href="LINK"><img
src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
alt="" width="12" height="16" align="left" /></a></td>
</tr>
</table></td>
</tr>
</tbody>
</table>
<table style="float: left;" align="center" border="0" width="196"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="5" colspan="3"></td>
<td width="5" colspan="3" rowspan="4"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff"><span
style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
src="entertainment.gif" alt="" width="38" height="38"
align="left" /> <strong>Magazine
Subsription</strong><br> Some awesome stuff</span></td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff"><a target="_blank"
href="LINK"><img style="display: block;" src="IMAGE"
alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
</tr>
<tr>
<td width="5" height="26" bgcolor="#ffffff"> </td>
<td width="84" bgcolor="#ffffff"><span
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
Points</span></td>
<td width="101" bgcolor="#ffffff"><table align=""
width="101" height="26" cellpadding="0" cellspacing="0">
<tr valign="middle" align="center" width="300" height="10"
bgcolor="#8ec043" style="color: #ffffff;">
<td valign="middle"
style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
width="83" height="24"><div align="center">
<a href="LINK"
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
style="color: #FFFFFF">Spend Points</span></a>
</div></td>
<td width="16" valign="middle"><a href="LINK"><img
src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
alt="" width="12" height="16" align="left" /></a></td>
</tr>
</table></td>
</tr>
</tbody>
</table>
<p> </p>
<table style="float: left;" align="center" border="0" width="196"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="5" colspan="3"></td>
<td width="5" colspan="3" rowspan="4"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff"><span
style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
src="entertainment.gif" alt="" width="38" height="38"
align="left" /> <strong>Magazine
Subsription</strong><br> Some awesome stuff</span></td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff"><a target="_blank"
href="LINK"><img style="display: block;" src="IMAGE"
alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
</tr>
<tr>
<td width="5" height="26" bgcolor="#ffffff"> </td>
<td width="84" bgcolor="#ffffff"><span
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
Points</span></td>
<td width="101" bgcolor="#ffffff"><table align=""
width="101" height="26" cellpadding="0" cellspacing="0">
<tr valign="middle" align="center" width="300" height="10"
bgcolor="#8ec043" style="color: #ffffff;">
<td valign="middle"
style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
width="83" height="24"><div align="center">
<a href="LINK"
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
style="color: #FFFFFF">Spend Points</span></a>
</div></td>
<td width="16" valign="middle"><a href="LINK"><img
src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
alt="" width="12" height="16" align="left" /></a></td>
</tr>
</table></td>
</tr>
</tbody>
</table>
<table style="float: left;" align="center" border="0" width="196"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="5" colspan="3"></td>
<td width="5" colspan="3" rowspan="4"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff"><span
style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
src="entertainment.gif" alt="" width="38" height="38"
align="left" /> <strong>Magazine
Subsription</strong><br> Some awesome stuff</span></td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff"><a target="_blank"
href="LINK"><img style="display: block;" src="IMAGE"
alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
</tr>
<tr>
<td width="5" height="26" bgcolor="#ffffff"> </td>
<td width="84" bgcolor="#ffffff"><span
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
Points</span></td>
<td width="101" bgcolor="#ffffff"><table align=""
width="101" height="26" cellpadding="0" cellspacing="0">
<tr valign="middle" align="center" width="300" height="10"
bgcolor="#8ec043" style="color: #ffffff;">
<td valign="middle"
style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
width="83" height="24"><div align="center">
<a href="LINK"
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
style="color: #FFFFFF">Spend Points</span></a>
</div></td>
<td width="16" valign="middle"><a href="LINK"><img
src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
alt="" width="12" height="16" align="left" /></a></td>
</tr>
</table></td>
</tr>
</tbody>
</table>
<table style="float: left;" align="center" border="0" width="196"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="5" colspan="3"></td>
<td width="5" colspan="3" rowspan="4"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff"><span
style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
src="entertainment.gif" alt="" width="38" height="38"
align="left" /> <strong>Magazine
Subsription</strong><br> Some awesome stuff</span></td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff"><a target="_blank"
href="LINK"><img style="display: block;" src="IMAGE"
alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
</tr>
<tr>
<td width="5" height="26" bgcolor="#ffffff"> </td>
<td width="84" bgcolor="#ffffff"><span
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
Points</span></td>
<td width="101" bgcolor="#ffffff"><table align=""
width="101" height="26" cellpadding="0" cellspacing="0">
<tr valign="middle" align="center" width="300" height="10"
bgcolor="#8ec043" style="color: #ffffff;">
<td valign="middle"
style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
width="83" height="24"><div align="center">
<a href="LINK"
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
style="color: #FFFFFF">Spend Points</span></a>
</div></td>
<td width="16" valign="middle"><a href="LINK"><img
src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
alt="" width="12" height="16" align="left" /></a></td>
</tr>
</table></td>
</tr>
</tbody>
</table>
<p> </p>
<p> </p></td>
</tr>
</tbody>
</table>
答案 0 :(得分:0)
您可以通过将内容放在完全独立的表格中来解决此Outlook错误:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" style="font-size:36px;">SOME HEADER CONTENT TO GO IN HERE</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="593"><table style="float: left;" align="center" border="0" width="196"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td bgcolor="#ffffff"><span
style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
src="entertainment.gif" alt="" width="38" height="38"
align="left" /> <strong>Magazine
Subsription</strong><br> Some awesome stuff</span></td>
</tr>
<tr>
<td bgcolor="#ffffff"><a target="_blank"
href="LINK"><img style="display: block;" src="IMAGE"
alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
</tr>
<tr>
<td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="84" height="26" bgcolor="#ffffff"><span
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
Points</span></td>
<td width="101" bgcolor="#ffffff"><table align=""
width="101" height="26" cellpadding="0" cellspacing="0">
<tr valign="middle" align="center" width="300" height="10"
bgcolor="#8ec043" style="color: #ffffff;">
<td valign="middle"
style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
width="83" height="24"><div align="center">
<a href="LINK"
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
style="color: #FFFFFF">Spend Points</span></a>
</div></td>
<td width="16" valign="middle"><a href="LINK"><img
src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
alt="" width="12" height="16" align="left" /></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</tbody>
</table>
<table style="float: left;" align="center" border="0" width="196"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td bgcolor="#ffffff"><span
style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
src="entertainment.gif" alt="" width="38" height="38"
align="left" /> <strong>Magazine
Subsription</strong><br> Some awesome stuff</span></td>
</tr>
<tr>
<td bgcolor="#ffffff"><a target="_blank"
href="LINK"><img style="display: block;" src="IMAGE"
alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
</tr>
<tr>
<td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="84" height="26" bgcolor="#ffffff"><span
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
Points</span></td>
<td width="101" bgcolor="#ffffff"><table align=""
width="101" height="26" cellpadding="0" cellspacing="0">
<tr valign="middle" align="center" width="300" height="10"
bgcolor="#8ec043" style="color: #ffffff;">
<td valign="middle"
style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
width="83" height="24"><div align="center">
<a href="LINK"
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
style="color: #FFFFFF">Spend Points</span></a>
</div></td>
<td width="16" valign="middle"><a href="LINK"><img
src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
alt="" width="12" height="16" align="left" /></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</tbody>
</table>
<table style="float: left;" align="center" border="0" width="196"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td bgcolor="#ffffff"><span
style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
src="entertainment.gif" alt="" width="38" height="38"
align="left" /> <strong>Magazine
Subsription</strong><br> Some awesome stuff</span></td>
</tr>
<tr>
<td bgcolor="#ffffff"><a target="_blank"
href="LINK"><img style="display: block;" src="IMAGE"
alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
</tr>
<tr>
<td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="84" height="26" bgcolor="#ffffff"><span
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
Points</span></td>
<td width="101" bgcolor="#ffffff"><table align=""
width="101" height="26" cellpadding="0" cellspacing="0">
<tr valign="middle" align="center" width="300" height="10"
bgcolor="#8ec043" style="color: #ffffff;">
<td valign="middle"
style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
width="83" height="24"><div align="center">
<a href="LINK"
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
style="color: #FFFFFF">Spend Points</span></a>
</div></td>
<td width="16" valign="middle"><a href="LINK"><img
src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
alt="" width="12" height="16" align="left" /></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="593"><table style="float: left;" align="center" border="0" width="196"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td bgcolor="#ffffff"><span
style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
src="entertainment.gif" alt="" width="38" height="38"
align="left" /> <strong>Magazine
Subsription</strong><br> Some awesome stuff</span></td>
</tr>
<tr>
<td bgcolor="#ffffff"><a target="_blank"
href="LINK"><img style="display: block;" src="IMAGE"
alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
</tr>
<tr>
<td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="84" height="26" bgcolor="#ffffff"><span
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
Points</span></td>
<td width="101" bgcolor="#ffffff"><table align=""
width="101" height="26" cellpadding="0" cellspacing="0">
<tr valign="middle" align="center" width="300" height="10"
bgcolor="#8ec043" style="color: #ffffff;">
<td valign="middle"
style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
width="83" height="24"><div align="center">
<a href="LINK"
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
style="color: #FFFFFF">Spend Points</span></a>
</div></td>
<td width="16" valign="middle"><a href="LINK"><img
src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
alt="" width="12" height="16" align="left" /></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</tbody>
</table>
<table style="float: left;" align="center" border="0" width="196"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td bgcolor="#ffffff"><span
style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
src="entertainment.gif" alt="" width="38" height="38"
align="left" /> <strong>Magazine
Subsription</strong><br> Some awesome stuff</span></td>
</tr>
<tr>
<td bgcolor="#ffffff"><a target="_blank"
href="LINK"><img style="display: block;" src="IMAGE"
alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
</tr>
<tr>
<td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="84" height="26" bgcolor="#ffffff"><span
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
Points</span></td>
<td width="101" bgcolor="#ffffff"><table align=""
width="101" height="26" cellpadding="0" cellspacing="0">
<tr valign="middle" align="center" width="300" height="10"
bgcolor="#8ec043" style="color: #ffffff;">
<td valign="middle"
style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
width="83" height="24"><div align="center">
<a href="LINK"
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
style="color: #FFFFFF">Spend Points</span></a>
</div></td>
<td width="16" valign="middle"><a href="LINK"><img
src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
alt="" width="12" height="16" align="left" /></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</tbody>
</table>
<table style="float: left;" align="center" border="0" width="196"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td bgcolor="#ffffff"><span
style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
src="entertainment.gif" alt="" width="38" height="38"
align="left" /> <strong>Magazine
Subsription</strong><br> Some awesome stuff</span></td>
</tr>
<tr>
<td bgcolor="#ffffff"><a target="_blank"
href="LINK"><img style="display: block;" src="IMAGE"
alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
</tr>
<tr>
<td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="84" height="26" bgcolor="#ffffff"><span
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
Points</span></td>
<td width="101" bgcolor="#ffffff"><table align=""
width="101" height="26" cellpadding="0" cellspacing="0">
<tr valign="middle" align="center" width="300" height="10"
bgcolor="#8ec043" style="color: #ffffff;">
<td valign="middle"
style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
width="83" height="24"><div align="center">
<a href="LINK"
style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
style="color: #FFFFFF">Spend Points</span></a>
</div></td>
<td width="16" valign="middle"><a href="LINK"><img
src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
alt="" width="12" height="16" align="left" /></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" style="font-size:36px;">FOOTER<br />
Ts&Cs to go here as well</td>
</tr>
</table>
</body>
</html>
另外,避免使用rowspan和colspan - 而是使用嵌套表。我在上面的代码中对此进行了修改