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

我一直在绞尽脑汁想如何解决这个问题，但我不知道该怎么解决它

问题是，在Chrome上，我的导航和css样式工作得很好，但在其他浏览器上，它看起来很糟糕

在Chrome上-看起来正确

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

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

我的网站在这里：

---

提前谢谢。

我马上就看到一些问题。您的图像未显示，因为相对路径的格式不正确。您有“imgVideoTagger\CenterCredits.png”（带反斜杠）。应该是正斜杠。另外，对于HTML中的宽度和高度属性，它应该只是数字，所以应该是“315”，而不是“315”

您还存在一些基本的HTML错误，例如错误的结束标记

为了调试您的问题，我建议使用W3C html验证程序服务：

修复发现的错误也可以解决IE中的导航问题

---

此外，由于您正在声明页面HTML5，我建议更多地利用HTML5的语义优势，抛弃任何被贬低的标记，如

，并使用类似Modernizer的东西，以便IE能够识别这些较新的元素。这也可能有助于导航，因为

是一个HTML5标签。

根据您的问题的范围，我们可以给出的唯一答案是您需要仔细阅读浏览器差异。IE是最大的罪魁祸首，因为它倾向于偏离web标准。请在这里发布一个简短但有效的示例，这样当你修复你的网站时，这个问题对未来的访问者仍然有用。此外，你已经存在了一段时间，所以你应该知道我们是有帮助的。