묻고답하기
화면의 스크롤바 문제
2008.02.22 23:15
안녕하세요?
제로보드XE를 사용하면서 어디가 잘못됐는지 처음 보는 현상이 발생해서 질문드립니다.
발생된 문제점:
그냥 제로보드로 만든 홈페이지를 보면 멀쩡합니다. 하지만 커서를 우측하단 부분으로 가지고 가면 아래의 그림과 같이 스크롤바가 생깁니다. 또 커서를 조금 위쪽으로 위치시키면 아래의 스크롤바는 없어집니다.
아무래도 적용한 CSS 파일의 문제인 것 같은데 어디가 이상한지 모르겠습니다.
아래는 적용한 css파일입니다.
도움 부탁드립니다. 꾸벅~ --.
-------------------------------------------------------------------------------------------
@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/
/* White Skin - Start */
/* Site Layout - Body Wrap */
body { background:#ffffff;}
#bodyWrap { position:relative; width:980px; margin:0 auto; padding:1em 0 0 0;}
/* Site Layout - Header */
#header { position:relative; width:980px; height:114px; border-top:0px solid #d9d9d9; border-left:0px solid #d9d9d9; border-right:0px solid #d9d9d9; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:10px; z-index:99;}
#header h1 { position:absolute; top:1px; left:25px;}
#language { position:absolute; top:1px; 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; background:url(../images/white/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#727272; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#000000;}
#gnb li.on a { font-weight:bold; color:#3f3f3f; background:url(../images/white/bgGnbOn.gif) no-repeat center top;}
#isSearch { position:absolute; top:48px; right:0px; 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:980px; padding-bottom:30px; overflow:hidden; background:url(../images/white/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}
/* Site Layout - Column Left */
#columnLeft { position:relative; width:201px; float:left;}
#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block;}
#lnb { border-top:1px solid #dddddd; padding:4px 5px; width:190px;}
#lnb li { list-style:none; padding-bottom:4px;}
#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #e8e8e8; background:url(../images/white/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus { color:#ffffff; background:#33ADFF; border:1px solid #33ADFF;}
#lnb li.on a { color:#ffffff; background:#33ADFF; border:1px solid #33ADFF;}
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;}
#lnb li ul { display:block; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #ffffff; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/white/bulletLnb.gif) no-repeat 175px center !important;}
/* Site Layout - Column Right */
#columnRight { width:770px; float:right; overflow:hidden;}
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}
/* Site Layout - Footer */
#footer { border-top:3px solid #f4f4f4; text-align:center; padding:2em 0 4em; clear:both;}
#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/white/vrType1.gif) no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li address { display:inline; }
/* White Skin - End */
/* White Skin - End */
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
박준용674 | 태그문의 | |
정동승 | 기본 레이아웃에 위젯포함시키는 방법은...? [2] | 2008.02.24 by 아이사랑2 |
SMaker | 관리자 페이지에서 게시판 추가,수정시 엄청난 렉이 발생합니다. | |
gnee | 게시판 넓이 어떻게 조절해주죠? [4] | 2008.02.24 by gnee |
지오426 | 제로보드 공식홈 게시판처럼... [2] | 2008.02.24 by 지오426 |
BBaram | 글번호가 뒤로 갑니다. --; | |
미남 | 글보기에 제목 span 태그 없이 데이타만 출력 [1] | 2008.02.24 by zero |
김영찬251 | zeroboard4 -> XE로 이전할때 문제 발생.. [1] | 2008.02.24 by 똑디 |
jts | 상단메뉴 위치변경에 대하여 | |
파일럿 | 애드센스가 안뜹니다. [1] | 2008.02.24 by 백성찬 |
김태현* | files 하위 디렉토리들을 지우면 어떻게 되나요. [3] | 2008.02.24 by 김태현* |
심상철 | 제로보드 첫 페이지에 공지사항 부분.. [4] | 2008.02.24 by 심상철 |
헬프미 | ......글쓰기 내용쓰는 공간이.. [5] | 2008.02.25 by 대암지기 |
천국: | ★ 저기 첨부용량 질문요 ★★★ [2] | 2008.02.25 by 대암지기 |
김민석812 | 게시판 크기 조절이 안됩니다. [1] | 2008.02.25 by 대암지기 |
Nee | 스프링 노트 연동 모듈 내용에 분홍색 라인이 생깁니다. | |
sugarkane | 최근에 쓴 글이 항상 켜있게... [2] | 2008.02.25 by sugarkane |
천국: | ★ 마우스 오버 무슨기능 ?★ [2] | 2008.02.25 by gnee |
앙태 | 페이지 수정 오류때문에 미치겠습니다 ㅠㅠ | |
성아니 | 화면의 스크롤바 문제 [1] | 2008.02.25 by 성아니 |
스킨을 새로 다운 받아서 설치하고 css도 제일 먼저 설치한 것을 덮어쓰기 하니 정상으로 돌와왔습니다.
자문자답이 됐네요. --.