2011-09-20 160 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