3

好吧，这让我非常愤怒。这段代码似乎没有任何问题，但由于某种原因，将第一个 td 渲染为表格可用宽度的 100%，而剩余的 td 只是推动并扩大表格的宽度。任何人？如果您想查看完整的内容，请查看此处。这让我……快疯了。这就是发生的事情

    <!-- FOOTER -->
<tr width="630" align="left" height="65" bgcolor="#322e39">

<!-- TEASERS -->
<td width="137" height="65" bgcolor="#322e39">
<img src="http://www.webedgemarketing.info/dev/msa/images/em-ft-tease-1.png" width="137" height="65"/>
</td>

<td width="125" height="65" bgcolor="#322e39">
<img src="http://www.webedgemarketing.info/dev/msa/images/em-ft-tease-2.png" width="125" height="65"/>
</td>

<td width="128" height="65" bgcolor="#322e39">
<img src="http://www.webedgemarketing.info/dev/msa/images/em-ft-tease-3.png" width="128" height="65"/>
</td>

<!-- SOCIAL MEDIA ICONS -->

<td width="53" height="65" bgcolor="#322e39">
<img src="http://www.webedgemarketing.info/dev/msa/images/em-ft-sm-fb.png" width="53" height="65"/>
</td>

<td width="60" height="65" bgcolor="#322e39">
<img src="http://www.webedgemarketing.info/dev/msa/images/em-ft-sm-yt.png" width="60" height="65"/>
</td>

<!-- UNSUBSCR. AND MANAGE -->
<td width="127" height="65">
<a href="#" style="text-decoration:none;">
<font face="Arial" size="1" color="#cfccd3">
Manage My Account
</font>
</a>
<br/>
<a href="#" style="text-decoration:none;">
<font face="Arial" size="1" color="#cfccd3">
Unsubscribe
</font>
</a>
</td>

</tr>
4

1 回答 1

1

问题是因为您将页脚也放在同一个表格中，使用这样的单独表格

<table>
<!-- start email content-->
</table>

分开表格

    <table>
    <tr align="left" height="65" bgcolor="#322e39">

    <!-- TEASERS -->
    <td width="137" height="65" bgcolor="#322e39">
    <img src="http://www.webedgemarketing.info/dev/msa/images/em-ft-tease-1.png" width="137" height="65">
    </td>

    <td width="125" height="65" bgcolor="#322e39">
    <img src="http://www.webedgemarketing.info/dev/msa/images/em-ft-tease-2.png" width="125" height="65">
    </td>

    <td width="128" height="65" bgcolor="#322e39">
    <img src="http://www.webedgemarketing.info/dev/msa/images/em-ft-tease-3.png" width="128" height="65">
    </td>

    <!-- SOCIAL MEDIA ICONS -->

    <td width="53" height="65" bgcolor="#322e39">
    <img src="http://www.webedgemarketing.info/dev/msa/images/em-ft-sm-fb.png" width="53" height="65">
    </td>

    <td width="60" height="65" bgcolor="#322e39">
    <img src="http://www.webedgemarketing.info/dev/msa/images/em-ft-sm-yt.png" width="60" height="65">
    </td>

    <!-- UNSUBSCR. AND MANAGE -->
    <td width="127" height="65">
    <a href="#" style="text-decoration:none;">
    <font face="Arial" size="1" color="#cfccd3">
    Manage My Account
    </font>
    </a>
    <br>
    <a href="#" style="text-decoration:none;">
    <font face="Arial" size="1" color="#cfccd3">
    Unsubscribe
    </font>
    </a>
    </td>

    </tr>
    </table>
于 2012-05-30T05:57:03.753 回答