私は HTML メールを作成しています。背景画像は何にも使用できないため<body>
、セル内の境界線画像を 100% の高さにすることでこれを回避できると考えました。おそらくそれは希望的観測でしたか?過去に機能していたソリューションが最新のブラウザーでは機能しなくなったものを検索しました。セルにハードな高さを設定せずにこれを実現するための特別なトリックはありますか?
これまでに試したことは次のとおりです。
<td width="25" style="margin:0; padding:0;">
<img src="http://www.example.com/images/side-left.jpg" width="25" height="100%" alt="border" style="margin:0; padding:0; display: block;" />
</td>
画像をテーブル全体の 100% の高さに引き伸ばします (テーブルが<td>
.
<td width="25" height="100%" style="margin:0; padding:0;">
<div style="height:100%; diplay: block;">
<img src="http://www.example.com/images/side-left.jpg" width="25" height="100%" alt="border" style="margin:0; padding:0; display: block;" />
</div>
</td>
同上
<td width="25" height="1" style="margin:0; padding:0;">
<div style="height:100%; diplay: block;">
<img src="http://www.example.com/images/side-left.jpg" width="25" height="100%" alt="border" style="margin:0; padding:0; display: block;" />
</div>
</td>
小さいtd
サイズを設定しても、期待どおりに引き伸ばされることはありません。