파폭, 익스 모두다 제대로 가운데 정렬하기

우리가 보통 가운데 정렬할 때 쓰는 것은

 

margin:0 auto;

 

파폭에서는 제대로 되지만 

익스에서는 margin:0 auto; 가 먹지 않는다고 합니다.

일종의 IE 버그

 

그래서 해결한게 text-align:center; 이렇게 해결하시면 되는데

문서 및 레이아웃까지 가운데 정렬이 되므로

그안에 들어가는 레이아웃에는 text-align:left; 를 따로 주셔야 합니다.

파폭과 익스 동시에 가운데 정렬 지원되는 방법은

 

1	body { text-align:center; }

2

#wrap{

3	width:900px;

4	margin:0 auto;

5	text-align:left; /* 이부분은 텍스트를 왼쪽으로 정렬시키는 역할 */

6

}