부모 요소가 아닌 중앙에

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; 
} 

의 메인 래퍼 사업부는 메인 래퍼 브라우저하지만 IE7의 중심을 표시 크롬 센터에 나타나지 않습니다. 브라우저의 왼쪽에 나타납니다.

도와주세요.

Answer 1

이러한 스타일을 시도해보십시오

body { 
    text-align:center; 
} 

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