2013-02-08 142 views
0

什麼,我說的是如下:如何將<HTML>頁面居中放置在背景上?

html { 
    background: url(../Images/bgplaid.jpg); 
    background-repeat: inherit; 
    margin: 0px; 
    padding: 0px; 
    margin-top: 0px; 
    padding-top: 0px; 
    width: 1024px;  
} 

該CSS將設置頁面大小,以1,024像素所以大多都是大屏幕上的該1,024像素外面的背景圖像。

我想知道的是我該如何居中頁面,以便它始終保持在中心位置。目前它在左側。背面僅顯示在右側。我想知道我如何能夠中心的HTML。

我試着把一個div和align='center'也試圖包含div和float中心。沒有骰子。

回答

4

使用margin: 0px auto;

html { 
    background: url(../Images/bgplaid.jpg); 
    background-repeat: inherit; 
    margin: 0px auto; 
    padding: 0px; 
    margin-top: 0px; 
    padding-top: 0px; 
    width: 1024px;  
} 
+0

哇,這麼簡單! – GivenPie 2013-02-08 21:39:12

+0

0 auto表示給垂直邊距一個0px的尺寸,auto表示在兩邊都給出相同的邊距,並儘可能地給出......只是一個提示,你不需要0之後的px因爲它只是爲文件添加額外的大小...... – 2013-02-08 21:58:59

0

把一切你的身體後,一個div id爲包裝<html><body><div id="wrapper">YOUR HTML CODE</div></body></html>

#wrapper { 
width: 1024px; 
margin: 0 auto; 
}