CSS:Chrome和Safari似乎'；添加'；边框宽度，而IE、Firefox和；歌剧堂'；T

我正在努力为我的网站实现跨浏览器的一致性

---

这是关于这个页面的：（请注意，我不希望这个URL对于seo机器人来说是可爬行的）

如果您在IE、Firefox或Opera中查看此页面，一切都很好，但在Chrome和Safari中，表格有点不协调（您可能会清楚地注意到）

有什么问题吗

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

（最）相关的CSS行是以下行（来自

table.CSS

文件，也可通过页面的源文件获得）：

所以基本上我使用了一个表结构来组织图像，如下所示：（表的类是

uibetaling

）

...

如果在这里，我将

table.uitbetaling

和

table.uitbetaling img，table.uitbetaling td

的宽度设置为相同的值（例如

496

或

498

），Chrome和Safari中的“问题”就解决了，但在Firefox中，右侧边框不是空的。因为右边的边界不能再“适应”了

img

和

td

必须比

表格至少窄2倍。右边框的UIBetaling

在Firefox中可见

有什么办法可以解决这个问题吗？

试试：

table{border-collapse:collapse;}

---

将代码分成最简单的元素，并在每个浏览器上进行测试。当发现差异时，可以使用不同的浏览器检测方法来微妙地更改每个实例的代码。话虽如此。。。如果你不想完全疯掉，CSS比编程中的任何东西都能做到这一点，那就让像素消失吧。

为了安全起见，我通常用以下方式打开一个表：

---

它是“旧”HTML，但至少它强制浏览器保持一致性，然后我根据需要应用CSS。

我用Opera 11检查过，Google Chrome 7.0.517.44和FireFox 3.6.12与您的网站设计没有区别。

您声明DTD（DOCTYPE）了吗

请阅读以下内容：

看起来浏览器有不同的方式来显示边框，但是DOCTYPE声明（位于html文档顶部）迫使浏览器遵守实际标准，至少在css框模型方面是这样

注意：我总是使用xhtml过渡DTD使我的文档尽可能兼容

---

祝你好运

在css中总是设置

表{border collapse:collapse；}

，然后在html中使用

单元格填充=“0”

和

单元格间距=“0”

。

现在你应该使用HTML5 doctype，如果您在将边框添加到元素宽度时遇到问题，请查看CSS样式：框大小调整

边框框-包括边框宽度/高度和填充宽度/高度，或者基本上设置的宽度包括边框/填充

内容框-在元素上设置的宽度仅为内容区域，不包括填充或边框

还有一个我不用的填充框，通常上面两个就足够了

现在有时候，我认为IE8使用的盒子尺寸与Chrome/FF等不同，这就是为什么有时候会出现问题的原因。您始终可以调试并检查框大小设置为什么

---

注意：如果您没有DOCTYPE，那么您就处于怪癖模式，IE与Chrome/FF在盒子大小/盒子型号上有很大的不同，这就是您的问题所在；根据荷兰法律，那个网站合法吗？“请注意，我不希望这个URL对于seo机器人来说是可爬行的”，太晚了。你在谷歌上排名第一，而那个页面在谷歌上排名第二。这就是他们使用htaccess的目的。关于爬行能力：主要的机器人会尊重

robots.txt

。简单地告诉他们离开：你曾经成功地解决过这个问题吗？你还需要帮助吗？他可能在7个月前就修好了/我微笑着。我想不仅仅是他。

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

table{border-collapse:collapse;}