我在 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 对边距和对齐所做的那样。我曾尝试使用“IF IE”并添加填充 - 但它没有帮助。我也尝试过申请Border-collapse:separate
,border-spacing
但没有成功。
任何建议表示赞赏!