css - 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 等内容居中。