IEのテーブルに問題があります。これは、Chromeでの外観です(想定どおり):
IEは次のように表示します。
私のHTML:
<table border="0" cellpadding="1" cellspacing="15" class="content" align="center">
<tbody>
<tr>
<td width="293">
<a href="/hvad-laerer-jeg.aspx"><img src="/UserFiles/image/hvadkanjeg.png" width="293" height="170" alt="" /></a><br />
<br />
<h1 style="margin-left: 40px;">Headline</h1>
<p style="margin-left: 40px;">Text
</td>
<td width="292" style="margin:0 23px 0 23px;">
<a href="/faglig-og-personlig-udvikling.aspx"><img src="/UserFiles/image/hjerne.png" width="293" height="170" alt="" /></a>
<h1 style="margin-left: 40px;"><br />Headline</h1>
<p style="margin-left: 40px;">Text
</td>
<td width="292">
<a href="/ansoegning.aspx"><img src="/UserFiles/image/send.png" width="293" height="170" alt="" /></a>
<h1 style="margin-left: 40px;"><br />Headline</h1>
<p style="margin-left: 40px;">Text
</td>
</tr>
</tbody>
</table>
私が適用したインラインではない唯一のCSSは次のとおりです。
table.content tr td { background:#ededed; margin-right:10px; }
table.content tr td h1 { font-size:19px !important; }
私が望んでいることと私が試したこと:
IEは、Chromeがマージンと配置で行うようにテーブルデータを表示します。「IFIE」を使用してパディングを追加しようとしましたが、役に立ちませんでした。私も応募Border-collapse:separate
してみborder-spacing
ましたが、うまくいきませんでした。
任意の提案をいただければ幸いです!