有人可以告诉我我可能会做错什么。下面的页面在IE8和FireFox中运行正常,但CSS中的元素似乎没有在Chrome和Safari中受到尊重。谢谢。页面可在IE和FF中使用,但不能在Chrome或Safari中使用
页在: http://www.diabetesgoaltracker.com/home.html
有人可以告诉我我可能会做错什么。下面的页面在IE8和FireFox中运行正常,但CSS中的元素似乎没有在Chrome和Safari中受到尊重。谢谢。页面可在IE和FF中使用,但不能在Chrome或Safari中使用
页在: http://www.diabetesgoaltracker.com/home.html
这里就是我想要做的:
首先,该UL #navlist
周围包裹在div #navigation
是多余的。只需像你的div一样设计ul,就完全失去了div。
其次,我会让ul浮起来。然后我会让内容div浮动并丢失边距。确保#container
是overflow:hidden;
只要你设置ul和内容div的宽度,它应该在所有浏览器中看起来不错。
我真的很困惑,它看起来像它在Chrome中的做法...我会更新这个答案,因为我更多地检查它。
UPDATE
在镀铬风格display: block;
您应该添加一个复位样式表把所有的浏览器在相同的基础UL的用户代理。虽然,如果你遵循我的上述建议,这不会是一个直接的问题。让我知道你是否需要一套我使用的重置规则。
当我验证你的CSS与W3的CSS验证我得到这个错误:
I/O Error: Unknown mime type : */*
这可能表明该扔的Chrome关闭服务器错误。看看这个线程:(。也可以通过你的CSS检查你有没有股利#导航,它应该只是#navigation)
我应该在原来的问题已经提到这一点,但如果我删除了DOCTYPE行(我知道这是一个禁止行),它在除IE8之外的所有行为都很好,我似乎有一个清除/浮动问题,右侧的内容在左侧导航结束后开始。 – 2010-09-20 23:13:49
你应该听取Computerish的回答并检查你的服务器配置。 – Stephen 2010-09-20 23:30:41
我用/>而不是>结束了DOCTYPE,并且所有浏览器中的一切看起来都很好。我同意这一定是服务器问题。 – 2010-09-20 23:42:04