묻고답하기
가로 스크롤바 길어지는 문제입니다. ㅜㅜ 도와주세요~
2008.10.06 16:22
보시는 바와 같이 가로 스크롤바가 길어져 버렸습니다.
레이아웃 변경은 XE기본 레이아웃 소스를 약간 변형 시킨것 뿐인데요.
그런데, 가로 스크롤바가 생뚱맞게 아주 조금 길어졌습니다. 1시간여 소스 보면서 헤매다가 질문 올려봅니다. ^^;;
변형 시킨 소스는...
@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/
/* White Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }
/* Site Layout - Body Wrap */
body { background:#ffffff;}
#bodyWrap { position:relative; width:940px; margin:0 auto;}
/* Site Layout - Header */
#header { position:relative; width:938px; height:114px; border-top:6px solid #6F2536; border-left:1px solid #ffffff; border-right:1px solid #ffffff; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:10px; z-index:99;}
#header h1 { position:absolute; top:26px; left:25px;}
#language { position:absolute; top:12px; right:19px; z-index:100;}
#language strong { color:#5c5c5c; font:.75em Tahoma; margin-right:3px;}
#language a img { vertical-align:-5px;}
#language ul { position:absolute; top:15px; right:0px; display:none; border:1px solid #d9d9d9; background:#ffffff;}
#language ul li { list-style:none; }
#language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#5c5c5c; text-decoration:none;}
#language ul li a:hover { background:#f4f4f4;}
#it_search_form { position:absolute; top:50px; right:15px;}
#it_search_form .input { border:1px solid #d9d9d9; height:17px; width:120px; color:#888888; font-size:.9em;}
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }
#gnb { position:absolute; top:76px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { list-style:none; float:left; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { background:url(../images/white/bgGnbVr.gif) no-repeat left center; display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#FFFFFF; white-space:nowrap; text-decoration:none; font:.9em "Verdana"}
#gnb li a:hover,
#gnb li a:focus {color:#FFFFFF; text-decoration:underline;}
#gnb li.on a {color:#FFFFFF;}
#isSearch { position:absolute; top:48px; right:15px; width:214px; text-align:right;}#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/white/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c; line-height:normal;}
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #b2b2b2; background:#ffffff; overflow:hidden;}#isSearch ul li { width:67px; height:18px; list-style:none;}
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c;}#isSearch ul li label.on { background:#ededed; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#ededed;}
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:94px; height:13px; color:#000000; border:1px solid #B0B0AF; background-color:#FFFFFF; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:1px solid #8E8E8D; background-color:#FFFFFF; }*:first-child+html #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html #isSearch .submit { position:relative; top:-1px;}
/* Site Layout - Content Body */
#contentBody { position:relative; width:940px; padding-bottom:10px; overflow:hidden; }
/* Site Layout - Column Left */
#columnLeft {position:relative; width:201px; float:left; }
#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block;}
/* Site Layout - Column Right */
#columnRight { width:730px; float:right; overflow:hidden;}
#visualArea { width:730px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}
/* Site Layout - Footer */
#footer { margin:0; padding:0; border-top:3px solid #999999; text-align:center; color:#B5B5B6; padding:.1em 0 1em; clear:both; background:#F5F5F5 url(../images/default/copyright.gif) repeat-x left top; color:#333333; font:.9em Tahoma;}
#footer li { display:inline; padding:0 1em 0 1em; background:url(../images/default/vrType1.gif) no-repeat right center;}
#footer li.first-child { background:none;}
#footer li a { color:#c8c8cb; font:.9em Tahoma, "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li address { display:inline; }
/* White Skin - End */
입니다.
변형시킨건 얼마 없구요. 볼드체로 해놓은 부분정도인데요. 그리고 서브메뉴를 쓰지 않아서 /* Site Layout - Column Left */ 거의 지워버렸구요.
zbxe유저님들 도움좀 부탁드릴게요. ^^;;
