网站在Safari/IE中找不到样式表

Question

不知道为什么会这样..。这是它在firefox中的样子：

​

​

这是它在Safari中的样子：

​

​

对safari的firebug进行快速检查后发现，除了transmenu.css (菜单--甚至没有使用)之外，它没有选择任何样式表。我找不到任何理由来解释为什么会发生这种情况。

有什么想法吗？

网址：http://tradartsteam.co.uk

谢谢

Answer 1

@Thomas Clayson:删除Ln上多余的</script>。35的源代码。

编辑：在<script type="text/javascript" src="/_common/js/mootools-1.2-more.js"></script>之后两行

更新：@Thomas Clayson:我能让页面正常显示的唯一方法是注释掉整个<script>元素，里面有$.noConflict();，直到<script language="javascript" type="text/javascript" src="/js/swfobject.js"></script>之前。即使仅仅是$.noConflict();本身也会再次打破页面。我会做更多的挖掘并再次更新我的答案(除非其他人能在我之前找到解决方案)。

超级大规模更新：@Thomas Clayson:在我看不到/找不到问题之后，我开始使用W3 Validator...that使文档与其DOCTYPE兼容，最终将我引导到隐藏在$('#calendar').fullCalendar的events中的令人不快的代码！

<!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:PunctuationKerning /> <w:ValidateAgainstSchemas /> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPl...

这不仅仅是可怕的，专有的MS Word的胡说八道，它被截断了，well...it以一些意想不到的方式严重扰乱了你的网站(至少是我)。啊，尽管你在下面的评论中指出了我的骨子里应该有什么感觉，因为在我来得有点晚之前，我不得不处理这个问题太多次了，但你的问题最终给了我宝贵的经验，因此+1。;-)

Answer 2

Safaris web检查器显示错误。忽略这个图标，但我想它可能与此有关。

​

事实上，在仔细查看你的源代码后，我发现了大量不匹配的开始和结束标签，特别是在你的jQuery javascript中的缩写文本字符串(那些以“...”结尾的字符串)-无论你做了什么来解析这些标签，甚至把一些标签切成了两半。

我不知道Firefox是如何容忍这一点的(实际上是相当惊人的)，但是你可能想要从上到下检查你的文档语法，确保你的代码是正确的。我敢肯定Safari并不是唯一一个在这个页面上有问题的浏览器。

Answer 3

在脚本之前链接到样式表(最好将脚本放在页面底部)。

我不确定到底是什么问题，但你确实有太多的javascript和错误看起来干扰了页面加载。