與div垂直對齊的背景

Question

我正在嘗試創建一個與居中div垂直對齊的完整寬度背景圖像。我應該創建一個包裝所有內容的包裝，還是有另一種方式來做到這一點（沒有絕對定位）？謝謝。

alt text http://img229.imageshack.us/img229/7391/99479284.png

編輯：對不起，如果我沒有解釋這很好。我改變了圖像。

Answer 1

背景圖像不顯示其包含的元素之外。這並不意味着背景圖像的全部或部分不能位於其元素之外，只是在頁面呈現時，元素邊界之外的部分將不會顯示。

所以總之，是的。你將不得不使用包裝div。

Answer 2

是的，你要使用包裝：

CSS：

#wrapper { width: 100%; background: url(yourimage.png) left center repeat-x; } 
#content { width: 960px; margin: 0 auto; } 

HTML：

<div id="wrapper"> 
    <div id="content"> 
     My content 
    </div> 
</div>