제가 운영하는 텍스트큐브 블로그의 해상도는 글이 들어가는 컨텐츠가 640px, 사이드바 200px 로 전체 가로 사이즈는 900px 로 운영하고 있었습니다.
노란색으로 표시된 3가지 부분이 컨텐츠, 사이드바, 전체 페이지 의 해상도(area)를 결정합니다.
글이 있는 컨텐츠 부분이 640px로 되어 있다보니.. 조금 답답한 느낌이 있어 720px로 늘이고 전체 가로 사이즈도 980px 로 조정했습니다.
80px 정도 늘인것 뿐인데 보기에 시원해 보이고 만족스럽습니다. ^^
실은 예전부터 해상도를 늘이고 싶었는데 어디를 수정해야 될지 몰랐었습니다.
(html 코드를 분석하는데 문법을 모르니 어렵더군요;;)
다른분들 블로그에도 해당이 될지 모르겠지만.. 제가 겨우 찾아낸(?) 코드 수정부분을 말씀드리면...
텍스트큐브의 "꾸미기"->"스킨편집" 에 가시면 style.css 코드를 편집하는 부분이 있습니다.
그중에 Layout 코드 부분을 보시면 아래와 같이 되어 있습니다.
/* ***** Layout **************************************** */
#container { padding-top:10px; background:url(images/bg_grd_top.gif) 0 0 repeat-x;}
#header { background-color:#000; padding:28px 0;}
#menu { clear:both; position:relative; height:40px; background:url(images/bg_grd_bottom.gif) 0 0 repeat-x; border-bottom:1px solid #e5e5e5;}
#body { margin-top:30px;}
#content { width:720px; overflow:hidden; float:left;}
#sidebar { width:200px; overflow:hidden; float:right; background-color:#f5f5f5; padding:5px;}
#footer { clear:both; padding:20px 0 0 0; }
.area { width:980px; margin:0 auto;}
주의하실 점은 컨텐츠나 사이드바의 해상도를 조절하시면(특히 해상도를 늘리시는 경우) 반드시 전체 해상도부분(area)을 반드시 조절하신 만큼 반영을 해주셔야 합니다.
아니면 화면이 깨져서 보일 수 있습니다.
찾고보니 쉬운 거였는데 초보 블로거인 저에게는 겨우 발견한 내용이었습니다. ^^;;
혹시라도 모르고 계셨던 분들은 참고가 되셨길 바랍니다.