[CSS]div 전체 세로 정렬하기

div 로 전체 가로 정렬할때는 margin:0 auto; 나 text-align:center; 등으로 가운데 정렬을 했는데,  전체 세로 정렬할때의 방법입니다.

해당 css에 아래의 소스를 삽입하세요.

#bodyWrap {
 position:absolute;
 top: 50%;
 left: 50%;
 width:30em;
 height:18em;
 margin-top: -9em;
 margin-left: -15em;
 }

보여지는 부분에 다음과 같이 코딩합니다.

 

 

<div id="bodyWrap">
내용
</div>

NN 4.7  빼곤 나머지 브라우저에서 정상작동합니다.

 

가로정렬하는 방법 : http://blog.webmini.net/296