2012-09-10 47 views
2

我的網站是左對齊了大量的絕對定位:中心定位整個頁面

position: absolute; 
left: 30px; 
top: 200px; 

我想居中,例如NYtimes.com一樣。

是否有CSS我可以用來做到這一點?

+4

我們需要看到的HTML,所以我們可以告訴你要添加的元素'保證金:0汽車;'來; ) – Kyle

+4

我很確定你沒有在google/stackoverflow上搜索解決方案: – alexbusu

回答

4

您可以通過包裝網站的全部內容在包裝DIV像居中:

<body> 
<div id="wrapper"> 
page content 
</div> <!-- end #wrapper --> 
</body> 

然後,給包裝DIV的寬度和與空間,例如居中

#wrapper { width: 1000px; margin: 0 auto; } 
+0

如果div標籤內的項目具有絕對定位,這會工作嗎? – John

+0

爲什麼不測試它,看看會發生什麼,而不是問簡單的問題? AP從瀏覽器的左上角開始工作,你仍然可以在封裝器div之外獲得一個元素,所以根據你現在的情況,你可能需要改變soem元素的AP。但是你應該首先使用AP。 – Dzumla

0

這裏是關於如何中心您的網站的基礎知識,基本上包括所有的DIV和中心。下面

http://jsfiddle.net/9tbuB/

+0

這將適合jsfiddle的屏幕http://jsfiddle.net/coosal/9tbuB/1/ – kushalbhaktajoshi