CSS对齐问题

时间:2011-09-20 15:52:24

标签: css layout alignment

Explanatory Image

道歉,如果这是一个简单的解决方案,但我的大脑似乎今天没有工作,我似乎无法使其正常工作。

问题:我正在尝试使用2000px标头的新设计,以便在更大的显示器上实现风景。

然而,当我在较小的显示器上查看设计时,整个标题div偏离中心,因此无法看到某些菜单。

内容div显然位于显示器的中心,但我似乎无法找到解决方案以确保它与标头div的中心对齐。

我附上了一张图片来帮助解释这种情况。

2 个答案:

答案 0 :(得分:1)

我会假设您的图片的css正在放置top left,只需将其移至top middle[or is it center],您就可以了。

所以background: url(...) no-repeat top center

答案 1 :(得分:1)

试试,

<强> HTML

<div id="container">
<div id="header"></div>
<div id="content"></div>
</div>

<强> CSS

#container{
width:1920px; //any other value.
margin:0 auto;
}