我正在尝试为我的网站实现跨浏览器的一致性。
关于此页面:http://www[insert-dot-here]geld[insert-dash-here]surfen[insert-dot-here]nl/uitbetalingen.html(请注意，我希望此URL不可被seo-bots抓取)
如果您在IE，Firefox或Opera中查看此页面，则一切都很好，但是在Chrome和Safari中，表格有些偏离(您可能会清楚地注意到)。
似乎是什么问题？
在我看来，在Chrome和Safari中，总共将左右边框(2px)添加到设置的表格宽度中，而在其他浏览器中，边框则视为宽度的一部分。
(最相关的)CSS行是以下几行(来自table.css文件，也可以通过页面的源文件获得):
因此，基本上，我使用了表结构来组织图像，如下所示:(表的类是uitbetaling)
如果在这里，我将table.uitbetaling和table.uitbetaling img, table.uitbetaling td的宽度设置为相同的值(例如496或498)，则解决了Chrome和Safari中的“问题”，但是在Firefox中，右侧边框不是空白。因为右侧边框无法再“适合”。 img和td的宽度必须至少比table.uitbetaling窄2像素，以使右边界在Firefox中可见。
有什么办法可以解决这个问题？
最佳答案
如今，如果您遇到关于将边框添加到元素宽度的边框的问题，请使用HTML5文档类型，查找CSS样式:框大小设置
边框框-包括边框宽度/高度和填充宽度/高度，或者基本上您设置的宽度包括边框/填充
内容框-您在元素上设置的宽度仅是内容区域，不包括填充或边框
还有一个我不使用的填充框，通常上面两个就足够了。
现在有时候，我认为IE8使用的盒大小与Chrome/FF等不同，这就是为什么有时您遇到问题的原因。您始终可以调试并检查框大小设置。
注意:如果您没有DOCTYPE，那么您将处于怪异模式，并且IE在盒装尺寸/盒装型号上与Chrome/FF有很大不同-这就是您的问题所在