Css - 跨浏览器的样式问题 - 导航栏

时间:2012-06-03 17:31:06

标签: html css

我一直在讨论如何解决这个问题,但我不知道如何解决这个问题......

问题是在Chrome上我的导航和css样式运行完美,但在其他浏览器上它看起来都很好。

在Chrome上 - 看起来正确!

在IE上 - 我丢失了导航栏样式

在Firefox上 - 导航栏在那里,但没有任何站点图像显示

我的网站在这里:

提前致谢。

1 个答案:

答案 0 :(得分:0)

我立即看到了一些问题。您的图像未显示,因为相对路径格式不正确。你有“imgVideoTagger \ CenterCredits.png”(带斜杠)。它应该是一个正斜线。此外,对于HTML中的宽度和高度属性,它应该只是数字,因此它应该是“315”而不是“315px”。

您还有一些基本的HTML错误,例如迷路结束标记。

为了调试您的问题,我建议使用W3C html验证器服务:http://validator.w3.org/

修复您找到的错误也可以解决您在IE中的导航问题。

此外 - 由于您宣布您的页面HTML 5,我建议利用更多的HTML5语义优势,放弃任何折旧的标签,如<center>,并使用类似modernizr的东西,以便IE可以识别这些新的元素。这也可能有助于导航,因为<nav>是HTML5标记。