묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
css 질문입니다.
2010.05.24 15:52
고민거리가 생겨서 질문드립니다.
레이아웃을 중앙정렬을 하려구합니다.
body { position:relative; width:980px; margin:0 auto 10px; }
980픽셀 넓이값이 상대적으로 윗마진 0, 좌우마진 자동, 아래마진 10픽셀로 만들어져서 중앙정렬이 됩니다.
문제점은 긴문서의 경우 IE8 에선 스크롤바가 생겨 전체적인 레이아웃이
스크롤바의 가로크기만큼 왼쪽으로 이동하게 됩니다.
IE7은 기본적으로 스크롤바가 있습니다. IE8은 기본적으로 스크롤바가 없고 긴문서일때만 생깁니다.
결론적으로 스크롤바가 있건 없건 레이아웃이 중앙정렬 되려면 어떻게 해야 될까요?
그냥 예로 드셨을수도 있으나
보통은 body{margin:0 auto;}가 아닌
컨텐트를 둘러싸고 가장큰 레이어를 만들어
#MainFrame{margin:0 auto;}등과 같이 적용하죠..
body는 css상의 id나 class이기 이전에 html태그 입니다.