我在尝试创建我的第一个电子邮件模板设计时发现了问题,我认为它导致了代码(我对此很陌生)。
这是屏幕截图:
想知道为什么“博客文章”和“侧边栏”部分的宽度与上面的“表格部分”不同?
我使用了这样的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Mail 2</title>
<style type="text/css">
some style
</style>
<meta name="robots" content="noindex,nofollow">
<meta property="og:title" content="Mail 2">
</head>
<body width="100%" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#ffffff">
<!--[if gte mso 9]>
<v:background fill="t">
<v:fill type="tile" src="https://lh5.googleusercontent.com/-6styRrYxl3U/T7Sg_Cbww0I/AAAAAAAAAkE/UWVWEJDfSj0/h120/header-bg.png" />
</v:background>
<![endif]-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td>
<table align="center" width="600">
<tr>
<td>
This is above table section that shown correct
</td>
</tr>
</table>
<table width="600">
<tr>
<td width="340" colspan="1" class="blog post">
This is below section that shown not correct as above. Blog post section that looks out of the box.
</td>
<td width="200" colspan="1" class="blog post">
<table>
</tr>
<td>
Blah blah. This is sidebar section that looks out of the box.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>