2011-09-20 157 views
1

Explanatory ImageCSS对齐问题

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

问题:我正在尝试使用2000px标题的新设计,该标题允许在较大的显示器上呈现风景。

然而,当我观看一个较小的显示器上的设计的整个首部的div移离中心,并且因此一些菜单不可被看见。

内容DIV显然是停留在显示屏的中央,但我似乎无法找到一个解决方案,以确保它与头div的中心对齐。

我附上了一张图片以帮助解释情况。

+0

DIV#头,DIV#内容{保证金:0汽车; } – 2011-09-20 16:03:00

回答

1

只是尝试,

HTML

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

CSS

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

我会假设你对图像CSS是把它放在top left正义之举,为top middle[or is it center],你应该没问题。

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

+0

刚刚检查..它是中心。更新。 – rlemon

+0

非常感谢,我的脑子真的要被关闭, 我加的上方中央,而感动一切太远再向左,但是我在我的CSS指出的是,我有一个宽度为2000像素,只是删除这和它似乎已经解决了您添加的CSS语句的问题。 再次感谢... 克里斯蒂安 – nextyear

+0

没问题。记得投票并接受答案,如果他们有帮助/正确的话。并欢迎来到StackOverflow! – rlemon