页面适用于IE和FF,但不适用于Chrome或Safari

时间:2010-09-20 23:00:59

标签: html google-chrome safari

有人可以告诉我,我可能做错了什么。以下页面在IE8和FireFox中运行良好,但CSS的元素似乎并未在Chrome和Safari中受到尊重。感谢。

页面: http://www.diabetesgoaltracker.com/home.html

2 个答案:

答案 0 :(得分:1)

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

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

这可能表示服务器错误导致Chrome关闭。看看这个主题:

http://www.sitepoint.com/forums/showthread.php?t=461039

(还要检查你的css。你在那里有div#navigation,它应该只是#navigation。)

答案 1 :(得分:-1)

这就是我要做的事情:

首先,包裹ul #navigation的div #navlist是多余的。只需像对待div那样设置ul样式并完全失去div。

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

我真的很困惑,它看起来就像它在Chrome中一样...我会更新这个答案,因为我会更多地检查它。

更新

chrome样式中的用户代理ul display: block;您应该添加一个重置样式表,以便将所有浏览器放在同一个页面上。虽然,如果你遵循我的上述建议,这将不是一个直接的问题。如果您需要我使用的重置规则集,请告诉我。