居中問題

Question

我似乎無法得到這個工作。

http://www.keironlowe.host56.com

我需要的是與低透明度圖像橫幅上它爲中心，無論該決議，我已經嘗試了包裝，但因爲包裝是800的寬度它削減的形象，我已經嘗試過保證金：0 auto;而且我甚至嘗試過使用標籤，但它仍然不是以更高分辨率爲中心。

Answer 1

你不應該在@ Logan的例子中需要標籤。無論如何，該標記已被棄用。在樣式表中設置寬度（不是自動）並將margin-left和margin-right設置爲'auto'應該可以很好地處理居中。

Answer 2

嘗試將CS​​S居中並將其映射到HTML中。的CSS是這樣的：

#banner { 
background-color:#000000; 
height:350px; 
width:auto; 
margin:0 auto; 
} 

，你的HTML應該是這樣的：

<div id="banner"> 
<center> 
<img src="....."> 
</center> 
</div> 

這就是我會做什麼。

Answer 3

首先，擺脫那<center>標記你有<div id="banner"></div>左右。你不需要它，它已被棄用。

然後，換出當前的下一塊的CSS：

#banner { 
background-color:#000000; 
background-image:url(../IMG/Banner_BG.png); 
background-repeat:no-repeat; 
height:350px; 
width:auto; 
margin:0 auto; 
} 

對於這一點：

#banner { 
background:url("../IMG/Banner_BG.png") center #000000 no-repeat; 
height:350px; 
margin:0 auto; 
} 

換出很多背景屬性速記。由於您將圖片顯示爲背景，因此在center的background-position屬性中添加。現在，這將使你的形象成爲中心。