HTML 电子邮件在 Outlook 2013 中未正确显示答案

【问题标题】：HTML e-mail not displaying correctly in Outlook 2013HTML 电子邮件在 Outlook 2013 中未正确显示
【发布时间】：2015-05-04 13:57:44
【问题描述】：

我继承了修复一些生成 HTML 电子邮件的遗留代码的责任，所以我只要求如果代码看起来很糟糕，请不要管我，因为我没有设计它，只是想找到一个使固定。使用下面的 HTML 代码，我希望看到这一点（此屏幕截图中故意破坏了图像）：

这就是 GMail 所显示的内容，并且似乎在大多数其他电子邮件客户端中也是如此……除了 Outlook 2013，它看起来像这样：

最值得注意的是，整个 BLAST DETAILS 表都丢失了。在主表标签上加一个边框显示：

我花了很多时间研究Litmus 建议的故障排除步骤，并通过 HTML 验证工具运行代码，但无济于事。我只是对 Outlook 2013 中的渲染工作方式不够熟悉。如果有人可以帮助解决这个问题，或者至少为我指出正确的方向，那将是一个很大的帮助。提前致谢。

代码：

<img src='http://www.example.com/templates/email_header.png' alt='AX Reprographics' border='0' />
<br/>
<br/>
<table width= '500' cellpadding='2' style='font-family: arial; font-size: 12px' border="1">
    <tr>
        <td colspan='4'>
            <div style='font-family: arial, sans-serif'>This message is to notify you of a pending blast. The blast was created by <strong>ReproConnect </strong>
                <br />

                <br />
                Please review the blast details below, or in your Control Center. 
                <br />

                <br />

                <strong>
                    <a href='http://www.example.com/admin/webservice.php?action=sendBlast&ID=1'>Approve and send now 
                    </a>
                </strong>
            </div>
        </td>
    </tr>
    <tr>
        <td colspan='4'>&nbsp;</td>
    </tr>
    <table width= '500' cellpadding='2' style='font-family: arial; font-size: 12px'>
        <tr>
            <td colspan='2'>&nbsp;</td>
        </tr>
        <tr>
            <td colspan=2 bgcolor='#F3F3F3' height='25'><b>&nbsp;BLAST DETAILS</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Job</td>
            <td valign='top'  width='350'><b>Millington High School</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Subject</td>
            <td valign='top'  width='350'><b>Invitation to Bid</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Created</td>
            <td valign='top'  width='350'><b>04/23/2015 02:46:29 pm</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;# of Recipients</td>
            <td valign='top'  width='350'><b>1</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Estimated Cost</td>
            <td valign='top'  width='350'><b>0.00</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Attachment</td>
            <td valign='top'  width='350'><b></b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Delivery Options</td>
            <td valign='top'  width='350'><b>Email</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Content</td>
            <td valign='top'  width='350'>
                <b>Project Name: Millington High School
                    <br />
                    ________________________________________
                    <br />

                    <br /></b>
            </td>
        </tr>

    </table>
</table>

【问题讨论】：

标签： html email outlook

【解决方案1】：

BLAST DETAILS 表格开始于新的表格行应该在的位置。

<tr>
    <td colspan='4'>&nbsp;</td>
</tr>
<table width= '500' cellpadding='2' style='font-family: arial; font-size: 12px'>
    <tr>
        <td colspan='2'>&nbsp;</td>
    </tr>

我猜这就是你的问题。

【讨论】：

这似乎已经解决了！非常感谢。