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

发布于 2024-09-06 01:27:52 字数 568 浏览 6 评论 0原文

我相信这个问题已经被问过很多次了，而且以前每次出现这个问题时我都设法克服了这个问题。刚才，我觉得它被困住了，无法找到一个合适的解决方案让它在所有浏览器中工作：它只在 Firefox 中正常工作，而在 IE 和 Safari 中，它的元素在某种程度上彼此分离。您可以在此处查看结果： http://img813.imageshack.us/img813/8393/firefox.png http://img812.imageshack.us/img812/8041/10990669.png

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

非常感谢您！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

反差帅 2024-09-13 01:27:52

除了填充错误（无效的 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;
  }

In addition to the padding misspelling (invalid CSS), those other browsers calculate the cell heights differently. In IE, the height is added to the padding.

Change this:

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

To this:

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

回复收藏 0 原文

~没有更多了~