页面在 IE 和 FF 中有效，但在 Chrome 或 Safari 中无效答案

【问题标题】：Page works in IE and FF but not in Chrome or Safari页面在 IE 和 FF 中有效，但在 Chrome 或 Safari 中无效
【发布时间】：2010-09-21 07:13:49
【问题描述】：

谁能告诉我我做错了什么。以下页面在 IE8 和 FireFox 中运行良好，但 CSS 元素在 Chrome 和 Safari 中似乎没有得到尊重。谢谢。

【问题讨论】：

【解决方案1】：

当我使用 W3 的 CSS 验证器验证您的 CSS 时，我收到此错误：

I/O Error: Unknown mime type : */*

这可能表示导致 Chrome 关闭的服务器错误。看看这个帖子：

（还要检查你的 CSS。你有 div#navigation 在那里它应该只是#navigation。）

【讨论】：

【解决方案2】：

这是我要做的：

首先，环绕 ul #navlist 的 div #navigation 是多余的。只需像设置 div 一样设置 ul 的样式，然后完全失去 div。

其次，我会让 ul 向左浮动。然后我会让内容 div 向左浮动并失去边距。确保#container 是overflow:hidden; 只要你设置了ul 的宽度和内容的div，它应该在所有浏览器中都很好看。

我实际上很困惑，它看起来像在 Chrome 中的样子......我会在我进一步检查时更新这个答案。

更新

chrome 中的用户代理设置 ul display: block; 样式您应该添加一个重置样式表以使所有浏览器处于相同的位置。不过，如果您遵循我的上述建议，那将不是直接问题。如果您需要我使用的一组重置规则，请告诉我。

【讨论】：

我应该在最初的问题中提到这一点，但如果我删除 DOCTYPE 行（我知道这是禁止的），它在除 IE8 之外的所有内容中都可以正常工作，我似乎有一个清晰的/浮动问题，右侧的内容从左侧导航结束后开始。
您应该留意 Computerish 的回答并检查您的服务器配置。
我用 /> 而不是 > 结束了 DOCTYPE，在所有浏览器中一切似乎都很好。我同意这一定是服务器问题。
我检查了css的内容类型仍然是*/*而不是text/css。即使目前看起来还不错，您也应该考虑解决此问题。这只会让你在路上更加头疼。
谢谢。会做。我希望你能再次检查一下。