Question

我在Marketo中创建了一个eDM简报作为模板，除了gmail之外几乎所有东西都可以看到它。带图像的Div似乎正在创造一个底线或其他东西，我无法弄清楚如何摆脱它。请参阅下面的标记和带有红色矩形的图像，表示问题边缘区域。

谢谢！

<html>
<head>
<title>Responsive Template</title>
</head>
<body style="margin: 0px; padding: 0px;">
    <table cellpadding="0" cellspacing="0" valign="top" width="100%" align="center" bgcolor="#EBEBEB" style="padding: 0px; margin: 0px;">
        <tr>
            <td>
                <table align="center" cellpadding="0" cellspacing="0" valign="bottom">
                    <tr>
                        <td width="20">&nbsp;</td>
                        <td><div class="mktEditable" id="headerImage" style="margin: 0px; padding: 0px;"><img src="https://placeholdit.imgix.net/~text?txtsize=25&txt=610%C3%97100&w=610&h=100" alt=""/></div></td>
                        <td width="20">&nbsp;</td>
                    </tr>
                </table>
                <table align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="650"><div class="mktEditable" id="topBanner" style="margin: 0px; padding: 0px;"><img src="http://www.vision6.com.au/download/files/20677/2408194/Header.png" alt=""/></div></td>
                    </tr>
                </table>
                <table align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="20">&nbsp;</td>
                        <td width="610" bgcolor="#FFFFFF"><div class="mktEditable" id="mainContent" style="padding: 20px; margin: 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis pharetra mi ut finibus. Sed elementum eros ut augue egestas eleifend. Quisque nibh neque.</div></td>
                        <td width="20">&nbsp;</td>
                    </tr>
                </table>
                    <table align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="20">&nbsp;</td>
                        <td width="610" bgcolor="#FFFFFF">
                        <div class="mktEditable" id="footerImage" style="margin: 0px; padding: 0px;">
                            <img style="margin: 0px; padding: 0px;" src="https://placeholdit.imgix.net/~text?txtsize=25&txt=610%C3%97100&w=610&h=100" alt=""/>  
                        </div></td>
                        <td width="20">&nbsp;</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
<style>
    @media only screen and (max-width: 650px) {
            body {
                width: 100% !important;
                min-width: 100% !important;
                }

            img {
                float: none !important;
                height: auto;
                max-width: 100%;
                margin: 0px !important;
                padding: 0px !important;
                }
</style>
</html>

IMG（gmail）：http://s4.postimg.org/p2cwbvdn1/gmailmarginissue.jpg

编辑*

IMG（无保证金问题/展望）：http://s16.postimg.org/yikdy0md1/Screen_Shot_2015_09_07_at_2_39_30_pm.png

Answer 1

Gmail域名不会始终支持div代码，因此会删除div代码并将css应用于td，并确保将对齐方式添加到td＆＃39; s（例如：<td align="left" valign="top"></td> ）

Answer 2

线高是个问题。它增加了额外的3px。

gmail中edM的底限问题

2 个答案: