HTML 电子邮件在 Outlook 2013 中显示不正确

Question

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

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

最值得注意的是，整个 BLAST 详细信息 table 都丢失了。在主 table 标签上加上边框显示：

我花了很多时间研究 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>

Answer 1

BLAST 详细信息 table 从新的 table 行 开始。

<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>

我猜这就是你的问题所在。

HTML 电子邮件在 Outlook 2013 中显示不正确

HTML e-mail not displaying correctly in Outlook 2013

html

email

outlook