浏览器兼容性问题:标题已移位/ Favicon丢失

时间:2013-06-03 14:27:06

标签: wordpress header cross-browser favicon

我的网站www.pitch-in.org.uk及其在某些浏览器上的显示方式有两个小问题。一个是关于我的'标题'的位置,另一个是我的'favicon'。

使用Safari时,所有内容都在正确的位置,但是当我在Firefox中打开网站时,标题会向右移动,与页面的其余部分不同步。

此外,当我使用Chrome打开网站时,我的favicon没有显示 - 但似乎在Safari和Firefox中运行良好。

如果有人可以帮助解决这些问题,我们将非常感激!

我的网站是使用WordPress,Pytheas主题创建的。这是我创建的第一个网站,因此有点不确定编码和担心干扰网站的内部工作。

感谢您的时间 - 我期待您的任何答案。

2 个答案:

答案 0 :(得分:0)

<link rel="shortcut icon" href="http://www.pitch-in.org.uk/wp-content/themes/Pytheas/images/favicon.ico" />

未放置在HTML文档中的正确位置,它应位于<head>标记中。

答案 1 :(得分:0)

修复代码错误,例如X-UA-Compatible元标记;它需要位于<head>部分而不是现在的位置。见[Invalid] Markup Validation of pitch-in.org.uk - W3C Markup Validator。在验证报告中向下滚动以查看行号和源代码。修复错误并重新验证。