在屏幕上居中元素 - 忽略瀏覽器大小調整

Question

我正在創建一個「正在建設中的網站」ilustration，但我在實現所需結果方面遇到了一些困難。這就是我想要的東西：

基本上我想同時居中3周的div - 每個人在自己的容器（在siteUnderConstruction_bg必須在身體中心）。隨着瀏覽器調整大小，整個內容應該立即集中。

HTML：

<div id="siteUnderConstruction_bg"> 
    <div id="siteUnderConstruction_text"></div> 
    <div id="siteUnderConstruction_bars"></div> 
</div> 

這裏有一個FIDDLE。

幫助？

佩德羅

Answer 1

的jsfiddle：http://jsfiddle.net/NRrRt/1/

添加background-position: top center文本和酒吧的div。