0

テーブルにバナー画像があります（これは電子メールなので、1999年のようなコーディングです。）IE9は、1）cellpadding = "0" 2）cellspacing = "0" 3）白がないタグとタグの間のコード内のスペース 4) 表の幅 == 表のセルの幅 == 画像の幅 (すべて 600)

そして、本当の奇妙なキッカーは、hspace="0" 修正を適用すると、タグに align="center" が適用されているにもかかわらず、バナーは中央揃え (両側に 1 ピクセルのギャップが等しい) から左揃えになります。（画像添付）

ここに画像の説明を入力

コードは次のとおりです (画像のパス/alt は法的な理由で置き換えられています)

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Title here</title>
    </head>
    <body>
    <table width="600" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td colspan="3" align="center" bgcolor="#3ad1e2" style="color: #ffffff;"><img src="http://www.milya.ch/banner1.jpg" width="600" height="90" alt="a random kitteh banner" hspace="0" style="display:block;" /></td>
        </tr>
        <tr>
            <td width="15">&nbsp;</td>
            <td width="570">Some text content here</td>
            <td width="15">&nbsp;</td>
        </tr>
</table>
</body>
</html>
4

1 に答える 1

1

列の幅が最初の行に設定されていない場合、Outlook の colspan でいくつかの問題が発生します。幅を強制するには、空の行を追加するだけです。

IE9 については不明ですが、これで問題が解決する可能性があります。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Title here</title>
    </head>
    <body>
    <table width="600" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="15"></td>
            <td width="570"></td>
            <td width="15"></td>
        </tr>
        <tr>
            <td colspan="3" align="center" bgcolor="#3ad1e2" style="color: #ffffff;"><img src="http://www.milya.ch/banner1.jpg" width="600" height="90" alt="a random kitteh banner" hspace="0" style="display:block;" /></td>
        </tr>
        <tr>
            <td width="15">&nbsp;</td>
            <td width="570">Some text content here</td>
            <td width="15">&nbsp;</td>
        </tr>
</table>
</body>
</html>
于 2013-05-22T17:41:32.533 に答える