相关疑难解决方法(0)

我正在尝试为我的网站实现跨浏览器的一致性.

这是关于这个页面:http:// www [insert-dot-here] geld [insert-dash-here] surfen [insert-dot-here] nl/uitbetalingen.html(请注意我更喜欢这个URL不能被制作可抓取的seo-bot)

如果您在IE,Firefox或Opera中查看此页面,一切都很好,但在Chrome和Safari中,表格有点不合适(您可能会注意到这一点).

什么似乎是问题？

在我看来,在Chrome和Safari中,左右边框(2px)总计被添加到设置表格宽度,而在其他浏览器中,边框被视为宽度的一部分.

(大多数)相关的CSS行是(从table.css文件中,也可以通过页面的源文件获得):

table.uitbetaling {
 margin: 11px 18px 10px 19px;
 border: 1px solid #8ccaee;
 width: 498px;
 padding: 0;
}
table.uitbetaling img, table.uitbetaling td {
 margin: 0;
 border: 0;
 padding: 0;
 width: 496px;
}
table.uitbetaling tr {
 margin: 0;
 border: 0;
 padding: 0 1px 0 0;
}

Run Code Online (Sandbox Code Playgroud)

所以基本上我使用了表结构来组织图像,如下所示:(表的类是uitbetaling)

<table>
<tr><td><img /></td></tr>
<tr><td><img /></td></tr>
...
<tr><td><img /></td></tr>
</table>

Run Code Online (Sandbox Code Playgroud)

如果,在这里,我设置的宽度table.uitbetaling和table.uitbetaling img, table.uitbetaling td相同的值(例如两 …