メルマガを作成しています。
下記htmlは問題の部分だけ抜粋したものになりますが、
ブラウザで見ると正常に見えるのですが、
outlookで確認すると添付画像のように右端が欠けてしまいます。
色々調べていて【cellpadding="0"】を外すと画像の欠けもなくなるのですが、
色々なメルマガを拝見させて頂きましたが、どれも【cellpadding="0"】は入っているので、これが原因だとは思えません。
おそらく組み方がおかしいためにこのような現象が起きてしまっているのだと思いますが、
どこがダメなのかが分かりません。
ご教授頂けますと幸いです。
<table width="700" height="*" cellpadding="0" cellspacing="0" align="center" border="0" style="width:700px; margin-left:auto; margin-right:auto; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif; -webkit-text-size-adjust: 100%;"> <tr> <td width="700" height="*" cellpadding="0" cellspacing="0" align="center" border="0" style="margin:0;"> <table width="700" height="*" cellpadding="0" cellspacing="0" align="center" border="0" colspan="5" style="margin:0;"> <tbody> <tr> <td width="20" height="*"></td> <td width="300" height="*"><a href="" target="_blank"><img src="btn_green.png" alt=""></a></td> <td width="60" height="*"></td> <td width="300" height="*"><a href="" target="_blank"><img src="btn_green.png" alt=""></a></td> <td width="20" height="*"></td> </tr> </tbody> </table> </td> </tr> </table>
あなたの回答
tips
プレビュー