粘性标题位置多语言网站答案

【问题标题】：Sticky Header position multi language site粘性标题位置多语言网站
【发布时间】：2013-11-30 19:55:42
【问题描述】：

我在一个多语言网站的 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-->

【问题讨论】：

请为工作站点和非工作站点创建fiddles。您需要付出一些努力才能获得帮助。
我一定会这样做 - 谢谢！
试图调整问题以满足非题外话的标准 - 如果还有什么遗漏，请告诉我。
问题是一些被头文件调用的文件在没有BOM的情况下不是UTF-8。感谢您的帮助！

标签： html css wordpress header

【解决方案1】：

您需要将编码为 UTF-8 的文件保存为不带 BOM 的文件，这样可以解决问题。您可能会在文本编辑器中找到该选项。例如，如果您是 Sublime Text 用户，您会发现选项转到 File>Save with Encoding>UTF-8。

您总是可以在运行 W3C 验证器时检测到这种情况： http://validator.w3.org/check?uri=repucom.net%2Ffr

【讨论】：

不，它不会修复它。是的，这是一个问题，但在这种情况下并不重要。
那么你认为我应该更深入地研究@Christian？
这是一个由 BOM 编码的文件产生的非常常见的问题。如果您检查 DOM，您会在中看到的部分，但如果您查看源代码，则不是。 @groeter，你在做我建议你做的事情时有什么问题吗？我看到您的文件仍然具有此 BOM 编码。如果您不确定如何在文本编辑器中执行此操作，只需谷歌“不带 BOM 的保存 - 文本编辑器的名称 -”一旦您这样做，空白就会消失。

【解决方案2】：

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

【讨论】：

感谢您的回复 jalba。 repucom.net 网站上也有一个空字符串 - 所以可能不是。
我正在使用 Chrome 开发者工具。元素视图。使用该工具，您可以清楚地看到开始标记正下方的空文本节点，它只是出现在损坏的站点上。此外，更深入地研究这一点，在这个工具上，我可以看到
为空，并且应该在标题上的所有内容都在正文中呈现（元标记、css 链接和脚本标记。同样，这只发生在损坏的网站上。在 repucom.net 上，我可以看到标题正确呈现。
是的，谢谢 - 我现在可以看到了。你能给我一个提示我可以如何改变它 - 这是一个 CSS 问题吗？我找不到可以删除空字符串的文件。非常感谢
在我看来，它可能是用于渲染页面的模板或模板引擎的问题。
问题是头文件调用的一些文件在没有BOM的情况下不是UTF-8。无论如何感谢您的帮助！