Blogger 中的标题图像不在浏览器窗口调整大小的中心

Question

我的第一个问题。我在这里搜索过类似的主题，但没有什么是我真正想要的。

我正在 Blogger 上设计我的博客，一切进展顺利，但我遇到了一个小问题（不是太重要），我不介意补救。我的“header-wrapper”背景图像很好地集中在我的页面上，但我不喜欢这样一个事实，即当我缩小浏览器窗口时，背景图像（也就是我的标题）保持不变；相对于我想的内容包装器。

我想要的是让我的标题相对于整个页面保持居中。这样，当我调整窗口大小时，我的标题将始终位于屏幕中间。

这是我的问题的相关 css（或者至少我认为是！）

body {

background: #fefefe;
background-image: url(https://dl.dropboxusercontent.com/u/261790905/Background.png);
background-repeat: repeat-x;
background-position: left top;
margin:0;
color: #757575;
font: verdana;
font-size: 11px;
text-align: center;

}

#header-wrapper {
background-image: url(https://dl.dropboxusercontent.com/u/261790905/headerpngshort.png);
width: 500px;
height: 184px;
margin:0 auto;
background-repeat: no-repeat;
background-position: center;
}

提前致谢！

编辑：我的网站供参考。 http://rebelchanel.blogspot.com

Answer 1

我不是 100% 确定你在追求什么，但如果你想让你的页眉内容在页面中间，不管它是多大的，你可以使用这个代码：

#header-wrapper {
width: 500px;
margin-left: auto;
margin-right: auto;
height: 184px;
clear: both;
}

这样做的目的是，包装器以页面中间为中心，中间每边各有 250 像素。这是我解释它的最佳方式。如果这不是您想要的，那么我会找到另一个可以将图像或 div 等内容居中的代码。