기 타 HTML 및 CSS 질문점이 있습니다

https://promisej7.tistory.com/278 참고해 보십시오. 스타일시트에 적용하시면 될 겁니다.

전에 몇 번 해보고 안 해 본지 오래라 저도 검색을 좀 해 봤네요.

CSS 파일을 텍스트편집기로 여세요!!

87 번째

body.column3 #container {width:1200px; margin:0 auto;}

102 번째

#header {margin:0 auto;width:1200px;height:/*@title-height*/62px/*@*/;padding:46px 0 0 0; background:/*@title-background-color*/#000000/*@*/
 /*@title-background-image*/url(images/bg_header.gif)/*@*/
 /*@title-background-image-repeat*/repeat-x/*@*/
 /*@title-background-image-position*/left bottom/*@*/;
 }

107번째 줄

#menu {width:1200px;margin:0 auto; height:55px; padding:0 0 0 41px; background:url(images/bg_menu.gif) repeat-x left top;}

111번째 줄

#footer {margin:0 auto; background:#ffffff;}

위처럼 고치시면 중앙정렬 될겁니다.

추가 및 바뀐 부분은 빨간색으로 된것입니다.

이후 Header 부분 수정해주셔야 합니다.

참고로 스킨제작하신분이 Header 같은경우, 큰테두리로 그냥 하나로 잡아버려서...

배경부분이 문제가 될수 있고...

메뉴 부분은 또한 따로 추가라인으로 만들어서 픽셀로 따로 크기를 지정해준다음 중앙정렬 해야 합니다.

저렇게 하시고, Header 부분 배경을 잘 선택해서 변경하십시오.

아래 노란 부분처럼 하면 일단 전체 레이아웃은 가운데 정렬이 될 텐데, 위 분은 많은 부분을 건드리시네요.

어떤 차이가 있는 건지.....?

글 달고 나니 추가 설명을 해 주셨군요.

/* 공통 요소 */
body {margin: 0 auto; width: 1200px; padding: 0; background:/*@background-color*/ /*@*/
                                        /*@background-image*/ /*@*/
                                        /*@background-image-repeat*/repeat-x /*@*/
                                        /*@background-image-position*/0 /*@*/;
                                        /*@title-height:-62*/0/*@*/; font-size:small; line-height:1.3; font-family:Dotum,돋움;}

예. 넓이를 확실히 인지하지 않고 수자를 아무렇게나 넣다 보니 어긋나는군요. 1200px 이상으로 해야 되는군요.

일단은 가운데 정렬이 급하신 거 같네요.

저도 까막 눈인 상태에서 검색해가며, 편집 했었습니다. 하나하나 파고 들면 까막 눈이라도 어느 정도는 자신에 맞는 스킨을 만들 수 있을겁니다.

차근차근 해 보십시오.

답변주신 이깔나무님, 집에서뒹굴님 진심으로 감사드립니다!

지금은 근무중이라 저녁에 두분의 말씀대로 해보겠습니다.

그 후 결과는 바로 알려드리겠습니다.

즐거운 하루 되세요!