Absolute positions divs로 만든 완전한 웹 사이트 센터링

Question

안녕하세요 저는 절대 위치에 divs를 그려서 dreamweaver 사이트를 만들었지 만 1280px 와이드 모니터를 중심으로 보였으므로 상위 #wrap div를 호스트로 만들 수없는 것처럼 보입니다. 모든 절대 위치 div. 여기

여기

<style type="text/css"> 
#wrap_main { 
position: absolute; 
top: 0px; 
z-index: 2; 
width:1400px; 
margin-left:-200px; 
left:50%; 
text-aling:left; 
} 

body { 
background-color: #000000; 
} 
#Layer1 { 
position:relative; 
left:34px; 
top:32px; 
width:156px; 
height:102px; 
z-index:1; 
} 
#Layer2 { 
position:relative; 
left:37px; 
top:136px; 
width:104px; 
height:32px; 
z-index:2; 
} 
#Layer3 { 
position:relative; 
left:140px; 
top:136px; 
width:104px; 
height:33px; 
z-index:3; 
} 

내 부모 DIV와 내가 포장하고자하는 서브 DIV ID를 보여주는 HTML 콘텐츠입니다, 내가 만든 코드입니다.

<div id="wrap_main"> 
<div id="Layer25"></div> 
<div id="Layer37">`<img src="../Beer_n_tts_website/Images/blue_wood.jpg" alt="Blue Wood"  width="200" height="634" longdesc="Blue wood background for beer n tts" /></div> 
<div id="Layer38"><a href="../Beer_n_tts_website/index.html"><img src="../Beer_n_tts_website/Images/beerntts_logo.png" alt="beer n tts logo" width="118" height="82" border="0" longdesc="beer and tts logo no background" /></a></div>' 

여기 div의 중심을 찾고 후 나는 내가 만든 한 모든 div를 위해 작동 할 답을 찾을 수가 없어, 단지에이 센터를 가지고있는 #wrap 또는 클래스 .wrap을 가지고 어떤 크기의 브라우저도 도와주세요! :)

Answer 1

상세 사항 : 당신은 그냥 원한다면 @MVCkarl 그것은 아래

CSS

#wrap_main { text-align: center } 

HTML

<div id="wrap_main" > 
    Other Div's 
</div> 

Answer 2

감사 작동을 중심으로 - 그것은 작동하지 않았다 방법 적 나는 해결책을 발견했다, 여기에 http://learncss.tutsplus.com/lesson/relative-and-absolute-positioning/ 코드는 다음과 같습니다

,

CSS

#wrap_main { 
position:relative; 
margin:auto; 
width:1200px; 
} 

HTML을

<div id="wrap_main"> 

other divs 

</div> 

내가 가장 일반적인 화면 해상도 1280 픽셀의에 너비를 조정하고 그냥에게 상대적 위치를 준 아이의 div가 있으므로, 절대가 계속 수 위치와 그것이 잘 작동하는 것 같다. 나처럼 너는 게으르다. 오히려 많은 div를 끌어다 사이트에서 잘 보이게 만든 다음 다양한 해상도 화면을 중심으로 배치한다.