Html 我的网站不是';不能在FireFox中正确加载

Html 我的网站不是';不能在FireFox中正确加载,html,xhtml,css,Html,Xhtml,Css,我的网站在IE和Chrome上运行得很好,但在Firefox上却乱七八糟 当我打开Firebug并点击HTML时,它突然变得可以查看它应该是什么样子,这是什么原因造成的 我不能确定,因为我的测试能力有限,但在firefox中出现的错误是: P7\u未定义初始HGM 我查看了您的head标记,它看起来像是调用了两次p7pmm/p7PMMscripts.js脚本。如果你删除了一个可以帮助修复它的函数,我能看到的唯一一件事是字体正在尝试加载,但失败了,并且你有一个从Javascript(P7_init

我的网站在IE和Chrome上运行得很好,但在Firefox上却乱七八糟

当我打开Firebug并点击HTML时,它突然变得可以查看它应该是什么样子,这是什么原因造成的


我不能确定,因为我的测试能力有限,但在firefox中出现的错误是:

P7\u未定义初始HGM


我查看了您的head标记,它看起来像是调用了两次
p7pmm/p7PMMscripts.js
脚本。如果你删除了一个可以帮助修复它的函数,我能看到的唯一一件事是字体正在尝试加载,但失败了,并且你有一个从Javascript(P7_initHGM)调用的函数,该函数导致了一个错误,可能会导致站点呈现延迟。除此之外,我会将所有javascript放在页面底部,看看这是否会使呈现有所不同。

此css将解决firefox和chrome上的问题,但我不确定您的站点是否能在所有其他浏览器上运行,当您仍然使用table设计菜单并应用css“position:absolute”时,问题就会随之而来对于td标签。让我们尝试删除所有并使用列表标记

td.imageholder {
    position: absolute;
    width: 120px;
    height:120px;
}

这不是HTML5,而是使用XHTML1.1 DTD。如果要静态定位元素,应在表外部和div内部进行定位。如果要创建更符合标准的元素,请将所有元素转换为div(无表)布局。这将治愈它,而无需尝试重新定位一切。警告:即使您遵循@pacificvn-answer,它也可能无法在某些较旧的浏览器中工作,如IE7/8,大约60%的互联网用户仍在使用。你正在使用IE的Chrome标签,这是一个不是每个人都会安装的插件

在检查代码的W3CValidaty时,它显示imageholder的标记元素没有正确地包装在表中

我建议你看看这个关于表设计的参考资料:(不是最好的,但它是一个开始-谷歌搜索div表设计)

就web开发而言,如果您能够开发一个符合标准的页面,并且正在使用更先进的编码标准,那么这些将使您走得更远。通过表格可以使网站看起来很好,但这是有限的。我已将许多网站从表格设计转换为无表格设计

注:IE的使用基于我目前建立或维护的大约30个站点的分析