1

これが私が今抱えている問題です。Mac メールで見られるように、HTML メールの左右にこれらの余白があります (Gmail と Thunderbird でも表示されます): http://cl.ly/image/3j133f393Y3M/Screen%20Shot%202013-06-26 %20at%201.22.04%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>

ブラウザーでコードをテストしたところ、サイズを変更しても、背景が全幅に引き伸ばされたように見えます。これらの余白が表示されるのは、メール クライアントだけです。私は何が欠けていますか？

4

2 に答える 2

0

最初のテーブル要素に「border:0px」属性を含めることをお勧めします。私の経験則では、値が設定されていない場合、マージン、パディング、ボーダーを 0px に設定します。

幸運を。

于 2013-06-26T06:22:30.943 に答える