特定于站点：Firefox与IE CSS的特性

Question

我正在尝试学习CSS。我已经竭尽全力让一切正常。我的网页都经过验证，在Firefox上看起来很正确，而且在Chrome上大多数都是正确然而，IE到处都是。关于Firefox，IE中的以下内容是错误的（按重要性排序）：

1. 将主体框推到左框结束的位置
2. 右上方的下拉菜单（鼠标悬停在“设置”上）在杂草中完全关闭（它在Chrome中关闭，但以不同的方式关闭）
3. “食谱”标签应该没有可见的底部边框
4. 搜索按钮与搜索框
相关
5. 已注销版本：右上角的登录元素为askew

已登录：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（我实际上喜欢他们自己的重置/字体/网格CSS）。作为这样做的一部分，您还需要使用标准模式。

最后，您需要注意，无论如何，浏览器中的某些内容会有所不同。因此，如果遇到这种情况，它可以解决它，也可以使用它。

Answer 2

你在运行什么版本的IE？听起来像你的大多数问题都可能是由IE Box Model Bug引起的。

Answer 3

我从不在css中开始新的网站设计，而不首先放置Eric Meyer's Reset CSS。

它重置了所有浏览器中的所有差异，因此您可以从一个平坦的游戏场开始。 从那里开始，所有浏览器中的一切都应该是相同的。