我的网站在FireFox中未正确加载

Question

我的网站在IE浏览器和Chrome浏览器中效果很好，虽然它在Firefox中搞砸了......

当我打开Firebug并点击HTML时，突然变得可以看到它应该是什么，会导致什么？

http://graves-incorporated.com/test_sites/solera_new/index.html

Answer 1

此css将修复您在firefox和Chrome上的问题，但我不确定您的网站是否可以在所有其他浏览器上运行，当您仍然使用表格设计菜单并应用css＆＃34时会出现问题; possition：绝对＆＃34;对于td标签。让我们尝试删除所有并使用列表标记。

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

Answer 2

我无法确定，因为我可以做的测试有限，但是你在Firefox中遇到的错误是：

P7_initHGM is not defined

我查看了你的head标签，看起来p7pmm/p7PMMscripts.js脚本被调用了两次。也许如果你摆脱了一个有助于解决它的问题。

Answer 3

我唯一能看到的是字体正在尝试加载和失败，并且你有一个从Javascript（P7_initHGM）调用的函数导致错误，这可能导致渲染中的延迟现场。除此之外，我会将所有的javascript放在页面底部，看看是否会使渲染变得不同。

Answer 4

这不是HTML5，而是使用XHTML1.1 DTD。如果你想静态定位一个元素，你应该在一个表之外和一个div内。如果要创建更多符合标准，请将所有内容转换为DIV（无表格）布局。这将治愈它，而不需要尝试重新定位一切。警告：即使您遵循@pacificvn回答，它也可能无法在IE 7/8等旧版浏览器中使用，大约60％的互联网用户仍在使用。而你正在使用Chrome Tab for IE，这是一个并非每个人都会安装的插件。

检查W3C Validaty的代码时，它会显示imageholder的tag元素未正确包装在表中。 http://validator.w3.org/unicorn/check?ucn_uri=graves-incorporated.com%2Ftest_sites%2Fsolera_new%2Findex.html&ucn_task=conformance#

我建议您查看有关tabless设计的参考文献：http://www.w3.org/2002/03/csslayout-howto（不是最好的，但它是一个开始 - 谷歌搜索div tabless设计）

就网络开发而言，如果您可以开发符合标准并使用更多最新编码标准的页面，这些将使您走得更远。可以使网站看起来很好用，但是有限。我已将许多网站从桌面设计转换为无表格。

注意：IE Usage基于我目前已构建或维护的约30个站点的分析。