如何强制显示此表?

时间:2018-01-29 23:18:44

标签: html email html-email apple-mail

这是我的情景。我发送了一封电子邮件,我想要显示我的页脚(第二个表格) - 无论第一个表格中放了什么。但是,如果第一个表中的高度设置为100%,则页脚将在Apple邮件中消失。

<html>
  <body>
    <table height="100%">
      *EMAIL CONTENT*
    </table>
    <table>
      *FOOTER CONTENT*
    </table>
  </body>
</html>

第一个表填充了父级的整个空间。我可以在SECOND表中放置什么以确保它始终可见?我尝试了各种不同的东西,包括显示:块,溢出隐藏或可见,使用绝对定位将其固定到底部,为页脚设置特定高度等等。

关于如何强制这种行为的任何想法?

1 个答案:

答案 0 :(得分:2)

我不会使用position:fixed,因为它不适合在任何电子邮件中使用。

我不确定您为什么要将100%高度规则添加到第一个表中,但您可以做的是嵌套表:

<html>
   <body>
     <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
       <tr>
         <td align="center">
            <table id="table1" cellpadding="0" cellspacing="0" border="0" width="700">
               <tr>
                 <td>Content1</td>
               </tr>
            </table>
         </td>
       </tr>
       <tr>
         <td align="center">
            <table id="table2" cellpadding="0" cellspacing="0" border="0" width="700">
               <tr>
                 <td>Content1</td>
               </tr>
            </table>
         </td>
       </tr>
     </table>
   </body>
 </html>

这个基本结构将解决你的很多问题。只能在包装纸上放置100%的高度。