我在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
,但没有成功。
感谢任何建议!