[CSS]전체 레이아웃 가운데 정렬

파폭에만 가운데 정렬할경우

margin:0 auto;

익스에서는 margin:0 auto; 가 먹지 않습니다. 일종의 IE 버그죠.

그래서 해결한게 text-align:center; 이렇게 해결하시면 되는데 문서 및 레이아웃까지 가운데 정렬이 되므로 그안에 들어가는 레이아웃에는 text-align:left; 를 따로 주셔야 합니다.

파폭과 익스 동시에 지원되는 방법은

body { text-align:center; }
#wrapper {
widht:500px;
maigin:0 auto;
text-align:left; /* 이부분은 텍스트를 왼쪽으로 정렬시키는 역할 */
}

다른방법은

#wrapper {
widht;500px;
position:relative;
left:50%;
margin-left:-250px; /*가로사이즈의 절반수치 */
}

 

전체 세로정렬하는 방법 : http://blog.webmini.net/326