Firefox、Internet Explorer 和 Safari 的定位不同？答案

【问题标题】：Different positioning in Firefox, Internet Explorer and Safari?Firefox、Internet Explorer 和 Safari 的定位不同？
【发布时间】：2011-05-02 13:44:55
【问题描述】：

我相信这个问题已经被问过很多次了，并且在它发生之前我已经设法克服了这个问题。刚才，我觉得被它困住了，找不到合适的解决方案让它在所有浏览器中都能正常工作：它只能在 Firefox 中正常工作，而在 IE 和 Safari 中，它的元素不知何故彼此分开。你可以在这里看到结果： http://img813.imageshack.us/img813/8393/firefox.png http://img812.imageshack.us/img812/8041/10990669.png

这是我使用的代码： http://pastebin.com/n6KEjazp

非常感谢您！

【问题讨论】：

在您的全局选择器中，您的填充拼写错误。填充：0； ==> 填充：0；

标签： css browser cross-browser positioning elements

【解决方案1】：

除了填充错误（无效的 CSS）之外，其他浏览器计算单元格高度的方式也不同。在 IE 中，高度被添加到 padding。

改变这个：

  .top_menu {
      background-image: url(images/header.png);
      background-repeat: no-repeat;
      height: 155px;
      font-family: LilyUPC;
      padding-left: 184px;
      padding-top: 120px;
  }

至此：

  .top_menu {
      background-image: url(images/header.png);
      background-repeat: no-repeat;
      font-family: LilyUPC;
      padding: 120px 0 1em 184px;
  }

【讨论】：

非常感谢！这让事情变得更好了，但是表格元素之间仍然有一些空间，就在边框应该在的地方，但是我已经为表格设置了内联样式=“边框样式：隐藏；” - 它不应该像在 Firefox 中那样删除元素之间的任何空格吗？
没有任何版本的 Internet Explorer（包括 IE8）支持 border-style 的属性值“继承”或“隐藏”。使用“无”。对于其他问题，请使用重置（例如：meyerweb.com/eric/tools/css/reset/reset.css）并验证您的 CSS。