【问题标题】:Site-specific: Firefox vs. IE CSS peculiarities特定于站点:Firefox 与 IE CSS 特性
【发布时间】:2010-09-22 19:19:12
【问题描述】:

我正在努力学习 CSS。我费了很大的力气才把一切都做好。我的页面都经过验证,它们在 Firefox 上看起来是正确的,在 Chrome 上大部分是正确的。然而,IE 无处不在。关于 Firefox,以下在 IE 中是错误的(按重要性排序):

  1. 主体框被推到左侧框结束的下方
  2. 右上角的下拉菜单(将鼠标悬停在“设置”上)已完全消失(在 Chrome 中也已关闭,但方式不同)
  3. “食谱”标签应该没有可见的底部边框
  4. 搜索按钮相对于搜索框倾斜
  5. 登出版本:右上角登录元素歪了

Logged in, Logged out, CSS,

不保证链接、功能等在这些页面上有效。它只是显示布局的静态快照。

谁能指出我做错了什么的正确方向?

【问题讨论】:

  • 将此作为评论发布,以免我被激怒,表格可能更适合其中一些内容,尤其是您想要左右浮动的顶部 div
  • 我同意你的观点,并且非常非常想这样做。然而,作为一个新手,我在原则上尽量避免使用表格,这样我就可以让自己学习 CSS 的奥术疯狂。

标签: css internet-explorer firefox


【解决方案1】:

您需要重置您的 CSS(Dean,上面推荐 Eric Meyer 的重置 CSS)。我更喜欢Yui Reset CSS(我其实很喜欢他们自己的Reset / Fonts / Grids CSS)。作为这样做的一部分,您还需要使用标准模式。

最后,您需要注意,无论如何浏览器中的某些内容都会有所不同。因此,如果您遇到这种情况,要么解决它,要么忍受它。

【讨论】:

    【解决方案2】:

    您运行的是哪个版本的 IE?听起来您的大多数问题可能是由 IE Box Model 错误引起的。

    【讨论】:

    • 我唯一可用的IE版本是7.0
    【解决方案3】:

    我从来没有在没有将Eric Meyer's Reset CSS 放在首位的情况下开始使用 css 进行新的网站设计。

    它重置了所有浏览器中的所有差异,因此您可以从一个公平的竞争环境开始。 从那时起,所有浏览器中的一切都应该相同。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-01-15
      • 1970-01-01
      • 2011-06-20
      • 2014-06-22
      • 2013-03-25
      • 2014-06-07
      • 2013-07-03
      相关资源
      最近更新 更多