CSS表显示差异 - Chrome与Firefox

Question

我最近注意到我的网站虽然在Firefox中显示得很好但仍然在Chrome中被破坏了。在我的页面上学习了HTML和CSS -

http://www.designlagoon.com/what-we-do/

Chrome中4个蓝色标题下方的差距比Firefox更大 - 这打破了收录框的框架。这似乎与我正在使用的表格布局的填充/边距有关，但我正在努力解决这个问题。

如果有人能够解释可能导致问题的原因，我真的很感激它！

Answer 1

这与我昨天发布的问题有关：Firefox: wrong interpretation of box model?

实际上，它的Chrome表现正常：td高度为150px +填充15px（x2）= 180px。

在向td添加填充时，Firefox会进行错误计算。

所以你最好的镜头就是删除单元格上的填充，并为其内容添加边距。

Answer 2

感谢您的建议。我尝试从表中删除填充和td并将其应用于段落。这在一定程度上改善了问题，但我们仍然在firefox，IE和chrome中留下了不同的边框。

最后，我们决定完全删除该表，并使用4个浮动的25％列代替。我将来会避免使用表格进行任何网站布局。经验教训！