Question

我在css（？）文件中的多语言网站上弄乱了一些东西，以便repucom.net/de，repucom.net / fr和repucom.net/pt的标题不再位于顶部。在英语和日语网站repucom.net和repucom.jp上，它保持领先。

我不知道我是如何弄乱这一点的，并且非常感谢任何帮助，我应该开始深入研究。

工作网站的小提琴（不确定我是否做得对，如果我应该改变什么 - 请告诉我）：http://jsfiddle.net/bn85y/1/

非工作网站的小提琴：http://jsfiddle.net/zBbw5/

Html示例非工作站点：

<head profile="http://gmpg.org/xfn/11">
<title>REPUCOM</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" type="text/css" href="http://repucom.net/de/wp-content/themes/repucom-de/style.css" />

<div id="header">

    <div id="branding">

            </div><!--  #branding -->

</div><!-- #header-->

Answer 1

请在打开<body>标记后立即检查是否有空字符串。如果删除它，标题将正确定位。

Answer 2

您需要将编码为UTF-8的文件保存为无BOM，这样才能解决问题。您可能会在文本编辑器中找到该选项。例如，如果您是 Sublime Text 用户，则会找到选项转到文件＆gt;使用编码保存＆gt; UTF-8。

您始终可以检测到运行W3C验证程序的这类内容： http://validator.w3.org/check?uri=repucom.net%2Ffr

Sticky Header位置多语言站点

2 个答案: