CSS 表格显示差异 - Chrome 与 Firefox

Question

我最近注意到我的网站在 Chrome 中出现问题，尽管它在 Firefox 中显示良好。在我的页面上研究了 HTML 和 CSS -

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

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

如果有人能阐明可能导致问题的原因，我将不胜感激!

Answer 1

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

实际上，Chrome 的行为是正确的:高度为 150 像素的 td + 填充 15 像素 (x2) = 180 像素。

Firefox 在向 td 添加填充时计算错误。

因此，您最好的办法是移除单元格上的填充，并为其内容添加边距。