Outlook 2013背景凹凸

Outlook 2013背景凹凸,outlook,html-email,Outlook,Html Email,我遇到Outlook 2013(和2007)的问题。图中显示了问题所在。下面提供部分HTML 我也在Litmus进行了测试,这只出现在2013/2007年。我似乎无法找出问题所在,我希望第二双眼睛能有所帮助 <td width="270" style="vertical-align: top; text-align: left; font-size: 14px; line-height: 19px; padding: 0;" align="left" valign="top">

我遇到Outlook 2013(和2007)的问题。图中显示了问题所在。下面提供部分HTML

我也在Litmus进行了测试,这只出现在2013/2007年。我似乎无法找出问题所在,我希望第二双眼睛能有所帮助

<td width="270" style="vertical-align: top; text-align: left; font-size: 14px; line-height: 19px; padding: 0;" align="left" valign="top">
                  <table width="100%" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
                    <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                      <td style="color: #ffffff; vertical-align: top; text-align: left; font-size: 14px; line-height: 19px; padding: 0;" align="left" valign="top">
                        <table style="width: 100%; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
                          <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                            <td style="vertical-align: top; text-align: left; font-size: 14px; line-height: 19px; padding: 0;" align="left" valign="top">
                              <img src="table-topper.jpg" alt="" width="270" height="20" style="display: block; outline: 0;">
                            </td>
                          </tr>
                          <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                            <td width="100%" style="background-color:#5b8f20;vertical-align: top; text-align: left; font-size: 14px; line-height: 19px; padding: 0 20px;width:230px;" align="left" valign="top">
                              <h2 style="text-align: center; font-size: 33px; font-weight: normal; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;color: #ffffff;padding-bottom: 20px; border-bottom-width: 2px; border-bottom-color: #ffffff; border-bottom-style: solid; margin: 0 0 15px;" align="center" class="h2">Dragons VIP</h2>
                              <p style="border-bottom-color: #ffffff; border-bottom-width: 2px; border-bottom-style: solid; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: 22px; margin: 0 0 10px; padding: 0 0 20px; color:#ffffff;" align="left">
                                <strong>
                                  Thursday, August 20, 2015
                                  <br> 11:30am–1:00pm
                                  <br> Fifth Third Field
                                </strong>
                              </p>
                              <p style="color:#ffffff;font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: 22px; margin: 0 0 10px; padding: 0;" align="left">Space is limited, so don't delay. To RSVP, compliments of Fifth Third Bank, please contact Colleen Santella with the Dayton Dragons by August 13th.</p>

                              <p style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: 22px; margin: 0 0 10px; padding: 0;" align="left">
                                <a href="mailto:xxx.xxx@xxx.com">
                                  <img src="rsvp-btn.png" alt="" width="230" height="52" style="display: block; outline: 0;">
                                </a>
                              </p>

                              <p style="color:#ffffff;font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: 22px; margin: 0 0 10px; padding: 0;" align="left"><a href="mailto:colleen.santella@daytondragons.com" target="_blank" style="color: #ffffff; display: inline-block; width: 230px;">xxx.xxx@daytondragons.com</a> or at (xxx) xxx-xxxx x 112</p>
                            </td>
                          </tr>
                          <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                            <td style="vertical-align: top; text-align: left; font-size: 14px; line-height: 19px; padding: 0;" align="left" valign="top">
                              <img src="table-bot.jpg" alt="" width="270" height="20" style="display: block; outline: 0;">
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>

                </td>

龙贵宾

2015年8月20日,星期四
上午11:30–下午1:00
第五第三场

空间有限,请勿延迟。向RSVP致意,第五第三银行致意,请在8月13日前联系代顿龙公司的科琳·桑特拉

或在(xxx)xxx xxxx x 112处


我更改/添加了TD宽度以解决此问题。

请扩展您的答案,以包括代码的前后部分。不可能用快速的一瞥就知道你是怎么解决的。另外,如果这是您的最终解决方案,请将此答案标记为已接受,以便在搜索结果中将问题标记为“已回答”