블로그 스킨(Moving Box) 변환기 #3

사용자 삽입 이미지

일단, 1단 레이아웃으로 변경은 했지만…

드디어 하루 동안의 삽질 끝에 2-3단 가변 레이아웃을 1단 레이아웃으로 완전하게 변경했습니다.
sidebar1, sidebar2는 모두 본문 하단으로 붙여서 좌우로 구분했고, 본문의 폭이 730px로 널찍한 관계로 최근글과 댓글, 트랙백의 글자수는 모두 40자로 꽉 채워 적용했습니다.

그리고, 태그 구름도 링크와 마찬가지로 메인 메뉴에 슬쩍 끼워넣어 화면을 더 효율적으로 사용할 수 있도록 배치했습니다.

전체적인 구성은 프러시안 블루테마라는 기본 개념에 충실하도록 프러시안 블루 바탕에 3 부분으로 나눠서 배치했습니다.
(div 만세~)

하! 지! 만! 이 화면 구성에는 기본적으로 커다란 문제가 있습니다.
어디서 지정되었는지는 알 수는 없는데, 화면의 가로 폭이 1388px 정도로 잡혀있어 언제나 좌우 스크롤바가 나온다는 것입니다.

원인을 찾다찾다 못 찾아서 비겁한 방법인 <body style="overflow-x:hidden;"> 무공을 시전했지만, IE에서는 여전히 스크롤바가 표시됩니다.
(FF에서는 스크롤바가 표시되지 않습니다)

이 스크롤바 문제가 해결되고 나면 헤더를 원래의 헤더와 비슷한 구성으로 수정할 예정입니다.
(그 때까지는 일단 이 구성으로 달릴 예정입니다)

전문가 분들 중에 혹시라도 이 글을 읽으시는 분 계시면 도움 부탁드립니다. ㅠ.ㅠ

해결했습니다. searchbox의 폭이 불필요하게 크게 잡혀있더군요.
딱 맞는 크기로 줄여서 불필요한 스크롤바가 표시되지 않도록 했습니다!!! 잇힝~