父元素不是在中心

Question

我的HTML標記

<div id="main-wrapper"> 

      <div id="header-wrapper"> 
       <div id="header"> 
            </div><!--end of #header --> 
       <div class="clear"></div> 
      </div><!--end of #header-wrapper --> 

      <div id="content-wrapper"><!-- this is closed in footer.php --> <!-- main image with its map --> 
    <img usemap="#homemap" class="map" src="http://rtcamp.com/wp-content/themes/rtcamp-new/img/home-main.png"> 

      <div class="clear"></div> <!--clear any float present at this point --> 
     </div><!-- End of #content-wrapper --> 

     <div id="footer-wrapper"> 

     </div><!--End of #footer-wrapper-->   
    </div> 

使用CSS

body.view-home #main-wrapper { 
height:100%; 
} 

#main-wrapper { 
margin:0 auto; 
width:960px; 


} 

body.view-home #header-wrapper { 
height:auto !important; 
margin:0 auto -555px; 
min-height:100%; 
} 


body.view-home #content-wrapper { 
display:block; 
height:555px; 
margin:0 auto; 
overflow:hidden; 
position:relative; 
width:980px; 
} 

在如Firefox所有的瀏覽器，鍍鉻的主包裝DIV出現在瀏覽器，但在IE7主包裝中心不會出現在中心。它出現在瀏覽器的左側。

請幫幫我。

Answer 1

請嘗試以下方式：

body { 
    text-align:center; 
} 

#main-wrapper { 
    margin:0 auto; 
    width:960px; 
    text-align:left; 
}