Question

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

我正在Blogger上设计我的博客，一切都很顺利，但我遇到了一个小问题（不太重要），我不介意补救。我的'header-wrapper'背景图像很好地集中在我的页面上，但我不喜欢这样的事实：当我使浏览器窗口变小时，背景图像（a.k.a我的标题）保持不变;相对于我认为的conent-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;
}

这样做的是，包装器位于页面的中间位置，中间的每一侧都有250px。这是我解释它的最佳方式。如果它不是您想要的那样，那么我会找到另一个代码，可以将图像或div等中间内容放在中间。

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

1 个答案: