如何去除HTML電子郵件邊上的白色邊距？

這是我現在遇到的問題。我的HTML電子郵件的左右兩側有這些邊界，如Mac郵件中所示（在Gmail和Thunderbird中也可見）：http://cl.ly/image/3j133f393Y3M/Screen%20Shot%202013-06-26%20at%201.22.04%20AM.png 如何去除HTML電子郵件邊上的白色邊距？

我想要的是一個全寬度背景，如下所示：http://cl.ly/image/1205093I1m34/Screen%20Shot%202013-06-26%20at%201.22.47%20AM.png

我的背景的寬度似乎已經根據代碼設置爲100％：

<html> 
     <title>AASU VCU</title> 
     <body style="margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family: Helvetica, Arial, san-serif; background-color:#fff" bgcolor="#000"> 
     </body> 

    <table bgcolor="#b2151b" style="color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:26px;width:100%;margin:0;padding:0"> 
    <table cellpadding="0" cellspacing="0" width="100%" bgcolor="#b2151b" style="padding:0 40px; color:#fff"; font-family="Helvetica,Arial,san-serif"; font-size:"16px"; line-height="25px"; table-layout="fixed"> 

    <tbody> 
     <tr> 
      <td bgcolor="#b2151b" width="450" style="color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:26px"> 
      <br> 
      <br> 
    <table cellpadding="0" cellspacing="0" width="450" bgcolor="#b2151b" border="0" rules="none" frame="border" align="center" style="color:#fff; font-family:Helvetica,Arial,sans-serif; font-size:16px;line-height:26px; border-width:0px 0px 0px 0px; background-color:#b2151b" > 

    <tbody> 
     <tr> 
      <td width="450" valign="top" bgcolor="#b2151b" style="color:#a7abb1;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:26px"> 
    <a style="border:none!important;color:#ffffff;text-decoration:none;border-bottom:1px solid #666"><img src="http://f.cl.ly/items/3M3W1U0W1o1P1s3u1Q0C/White_transparent.png" alt="AASU VCU" style="border:none"></a> 
     </td> 
     </tr> 
     </tbody> 
     </table>

我測試的代碼在瀏覽器和背景出現，無論在延伸到全寬成功多少或更少我調整它。只有在郵件客戶端才能看到這些利潤。我錯過了什麼？

來源

2013-06-26 user2522614

你能發佈更多的html標記嗎？只有2個表頭不足以解決您的問題。 – JanR

@JanR - 當然。 – user2522614

快速而骯髒的方法是使用'* {margin：0; padding：0}'在你的樣式表中。它將所有元素的所有邊距和填充設置爲零。 – LinkinTED

我會建議在第一個表格元素中包含「border：0px」屬性。我的經驗法則是當我沒有爲它們設置任何值時，我將margin，padding和border設置爲0px。

祝你好運。

來源

2013-06-26 06:22:30

此外，您的</body>結束標記正好在<body>標記下。這可能也是一個問題。

來源

2013-06-26 20:49:05 cristianbote

如何去除HTML電子郵件邊上的白色邊距？

回答

相關問題