不使用 <div> 的 HTML EDM 覆盖元素

Question

我目前正在创建一个 HTML EDM，我有一些图像要叠加。我居然用了这个方法http://jsfiddle.net/sqJtr/当我在网络浏览器中查看它时，它可以正常工作并且我的图像可以正确显示。但是当我尝试通过电子邮件发送它时，div 标签被完全忽略，我的图像到处都是。

<table class="newsletter" border="0" cellpadding="0" cellspacing="0">
    <!--MASTHEAD ROW-->
    <tr>
        <td>
            <div id="container">
                <!-- LOGO -->
                <div id="overlay_logo">
                    <img src="" width="140"/>
                </div>

                <!-- MESSAGE FROM THE DEAN -->
                <div id="main_image">
                    <img src="" width="475"/>
                </div>

                <!-- SIDE GRAPHIC -->
                <div id="overlay_sidegraphic"></div>

                <!-- HEADLINE -->
                <div id="overlay_headline">
                    <!--DATE-->
                    <div class="date">31st August 2015</div>
                    <!--TITLE-->
                    <div class="title">Congratulations</div>
                </div>

                <!-- MESSAGE CONTENT -->
                <div id="overlay_content">
                    <div class="message">
                        <!-- INTRO -->
                        <b>Dear Staff,</b>
                        <br />
                        <!-- CONTENT -->
                        <br />
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquam a orci eget pretium. Donec congue sit amet erat et pharetra. 
                        Aliquam erat volutpat. Sed a feugiat quam. Nulla lorem enim, rhoncus quis venenatis ac, pellentesque ut magna. In vitae lectus tempor, 
                        pharetra felis sit amet, fringilla sem. Nunc interdum erat nec tortor efficitur, 
                        eget aliquam lectus malesuada. Nulla neque enim, viverra quis interdum quis, faucibus ac mauris. Fusce lacinia lorem in mollis semper. 
                        <br />
                        <br />
                    </div>
                </div>
            </div>
        </td>
    </tr>
</table>

我知道应该使用表格代替 div 标签，但我不知道该怎么做，我需要叠加多个图像。我试图搜索它，但大多数有用的都在使用 <div>标签，这对我不起作用。将不胜感激对此的一些指导。谢谢!

Answer 1

最后我用了一个html表格生成器http://www.tablesgenerator.com/html_tables#创建表格并添加额外的列和行以用作填充以替换 div，因为 outlook 中的 div 不起作用。

使用带有额外列/行作为填充的表格非常令人困惑，但至少它对我有用。