Wordpress 主页未居中答案

【问题标题】：Wordpress home page not centeredWordpress 主页未居中
【发布时间】：2011-10-10 16:01:16
【问题描述】：

是我发现的最接近我遇到的问题的类型。

我网站的主页未居中。当您单击任何二级页面时，它将居中。

对于每篇关于使用多个搜索词使用 CSS 使网页居中的文章，我至少搜索了 100 次。我什至用新下载的主题 style.css 文件的副本替换了 style.css，没有任何变化。

我通过添加以下内容修复了一个执行相同操作的自定义模板页面：

<?php get_template_part( 'loop', 'page' ); ?>

我尝试在主页上执行此操作，但仍然没有修复它。主页仍然不会居中。

主题应该是 HTML5，我通过一个验证器运行它，它给出了 rel 语句的错误，但最终应该在他们更新验证器时修复。验证器似乎没有相关的 CSS 问题。

当我明确：留在布局部分的#primary 时，它解决了问题，但右侧边栏小部件在页面下方。

我还修复了重复的 #wrapper 条目，该条目是二十个主题的默认设置。

我不记得在 Wordpress 3.2.1 更新之前遇到过这个问题，但是我可能没有注意到它。

在 Firefox 和 IE 中是一样的。

【问题讨论】：

它在我看来是居中的，在 Firefox、Safari、Chrome 和 Opera 中。还没有IE来测试。它对你来说实际上是什么样的？是在左边还是右边？一路还是一点点？
（另外，什么重复的#wrapper？我在我的一个博客上使用香草二十，它没有重复的#wrapper。这是一个记录的问题吗？）
当您单击主页链接，然后单击任何页面链接时，您会看到整个包装器向左移动几个像素。参考重复的#wrapper 条目，在主题css 中有一个#wrapper 包含在其他一些ID 中，然后是#wrapper 本身直接位于下方。我没有为#wrapper 设置重复条目，而是统一了#wrapper id 并将其所有参数放在一个条目下。这就是我的意思。
'/* 主题结构 */ #access .menu-header, div.menu, #colophon, #branding, #main, #wrapper { margin: 0 auto;宽度：940 像素； } #wrapper { 背景：#fff;边距顶部：20px；填充：0 20px； }' 注意边距是如何在两个#wrapper 语句中定义的，一次为 margin: 0 auto;然后 margin-top: 20px; @马特吉布森
啊！我以为您在谈论 HTML 中的重复 #wrapper（当然这是非法的），而不是 CSS 中的...

【解决方案1】：

这根本与编程无关。

您的主页不是很高，因此没有垂直滚动条。你的其他页面是。似乎它没有居中，但实际上只是通过在右侧添加滚动条重新居中。

【讨论】：

可以一页一页切换，内容不动。单击主页链接后，它会移动。事实上，整个包装器都在移动。我忘了提到一个奇怪的事实，如果我以管理员身份登录并且浏览器窗口顶部的仪表板菜单栏处于活动状态，则该站点将保持居中。我刚刚注销，并将保持注销一段时间，以便可以看到它。 @吉米
我用 Photoshop 确认了一下。主页距左边距 190px，子页面距左边距 179px。那不是重新定心。 @吉米
@Dan Erm。如果您的页面宽度因出现滚动条而变小 22 像素，则会重新居中……在 Photoshop 中，主页距右边距有多远，子页面距出现的右侧滚动条有多远？此外，您能否发布您正在查看的主页和其中一个子页面的图片（即使是页面的一小段水平切片也可以......）？因为我根本无法重现您的问题，所以很难判断我们是否在谈论不同的目的......
顺便说一下，要查看是否是滚动条，请尝试添加body { overflow-y: scroll }，这将强制垂直滚动条出现在大多数浏览器中，无论内容高度如何。
body { overflow-y: scroll } 似乎已经解决了这个问题。我必须说我对此持怀疑态度，但无论如何都尝试过。那个东西被锁定在页面的中心，并且在首页的IE中没有显示滚动条，这是理想的。再好不过了。非常感谢。 @MattGibson 希望版主能为所有因这个深奥问题而感到沮丧的人留下这篇文章。