안녕하세요.

이틀 고생해서 문제 해결 했습니다.

혹~ 다른 분들도 저 처럼 고생 하실 까봐~ ^^!

레이아웃을 가운데 정렬로 사용하실 때 이상하게 어떤 페이지에서는 좌측으로 조금 움직이고

어느 페이지는 움직이지 않고 그럴 때 있죠?

원인은 IE 8.0 에 있었습니다.

페이지 세로 길이가 짧아 한눈에 다 보이면 IE 8.0 에서는 우측 스크롤 바를 표시하지 않습니다.

반대로 세로 길이가 길어지면 우측 스크롤 바가 표시 되겠죠!

이때 페이지가 가로 가운데 정렬이라면 우측 스크롤 바 없을 때의 가운데와 있을 때의 가운데 좌표가 당연히 달라져서

페이지에 따라 레이아웃이 좌, 우로 왔다 갔다 하는 현상이 생긴 것입니다.

IE 7.0, IE6.0 에서는 세로 페이지가 짧아도 일단 우측에 스크롤 바는 존재 합니다. 그렇기 때문에 문제가 발생 되지 않았던 거죠.

암튼 IE 8.0 에서의 스크롤 바 문제 해결을 위해선 세로 스크롤바를 항상 표시 해 주면 된다는 거죠.

<style>
    html { overflow-y: scroll; }
</style>

이것만 넣어 주면 IE7.0과 6.0 처럼 항상 세로 스크롤바 표시 됩니다.. ^^!  (이미 알고 계시다면.. 패스... )

P.S.: 레이아웃 만들다 보니 IE 8.0 이 얼마나 웹표준에 충실 한지 깨달 았습니다. 이전 버전들 호환성 땜에 아주.. 고생 했습니다.