特定网站：Firefox与IE浏览器的CSS特性

Question

我正在尝试学习CSS。我竭尽全力让一切顺利。我的网页全部验证，并且它们在Firefox上看起来正确，并且在Chrome上基本正确。但IE浏览器遍布全球。关于Firefox中，下列哪项是错误的IE（按重要性排序）：

1. 主体箱上推下面，其中左框结束
2. 右上方的下拉东西（老鼠“设置”）是完全关闭的杂草（它在Chrome的设置还，但以不同的方式）
3. “配方”选项卡应该没有明显的下边框
4. 搜索按钮为那副相对于搜索框
5. 注销版本：右上角登录元素为歪斜

登录：http://www.mcrackan.com/recipes/csstest-loggedin.htm

已注销：http://www.mcrackan.com/recipes/csstest-loggedout.htm

CSS：http://www.mcrackan.com/recipes/css/default.css

链接，功能等并不能保证在这些页面上工作。这只是静态快照来显示布局。

任何人都可以指出我正确的方向为我做错了什么？

Answer 1

您需要重置您的CSS（Dean，以上建议Eric Meyer的重置CSS）。我更喜欢Yui Reset CSS（我其实喜欢他们自己的Reset/Fonts/Grids CSS）。作为这样做的一部分，您还需要使用标准模式。

最后，您需要注意的是，不管浏览器有什么不同，所以如果你遇到这种情况，它可能会解决它，或者与之共存。

Answer 2

您运行的是哪个版本的IE？听起来像你的大部分问题可能是由IE Box Model错误引起的。

Answer 3

我从来没有把Eric Meyer's Reset CSS放在第一位，从未在css中启动过新的网站设计。

它重置了所有浏览器中的所有差异，以便您有一个平坦的游戏场。 从这里开始，所有浏览器中的所有内容都应该相同。