Question

我相信这个问题已经被问了很多次，而且我已经设法在问题出现之前就克服了这个问题。刚才，我觉得自己陷入困境，找不到合适的解决方案让它在所有浏览器中都能正常工作：它只能在Firefox中正常工作，而在IE和Safari中它的元素在某种程度上是相互分离的。你可以在这里看到结果： http://img813.imageshack.us/img813/8393/firefox.png http://img812.imageshack.us/img812/8041/10990669.png

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

非常感谢你！

Answer 1

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

更改此内容：

  .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和Safari中有不同的定位？

1 个答案: