묻고답하기

[레벨:10]해커다 (heyunfeng) 2009.12.08 16:44:49

CSS에서 헤더 부분 줄이고 싶은 만큼 줄이고 배경 이미지 상단 공백을 잘라내시면 될듯합니다,~

 

레이아웃을 너무 오래 만지지 않아서 기억이 가물가물 하네요

 

 

----------------------------------------------------------------------------------------------

라고하는데.........

-------------------------------------------------------- css 파일

 

@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/

/* Default 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 url(../images/default/bgBody.gif) repeat-x left top;}
#bodyWrap { width:980px; margin:1.5em auto 0 auto; }

/* Site Layout - Header */
#header { position:relative; width:980px; height:145px; margin-bottom:5px; z-index:99; background:url(../images/default/imgz.gif) repeat-x  bottom;}
#header h1 { margin:0; padding:0; position:absolute; top:10px; left:25px;}

#map {position:absolute;  top:1px; right:0px; }

#language { position:absolute; top:86px; right:0px; z-index:100;}

#guanggao1 { position:absolute; top:58px; left:303px;  overflow:hidden; white-space:nowrap;  text-align:center;}
#guanggao1 li { display:inline; list-style:none; padding-left:2px; background:url(../images/default/vrType2.gif) no-repeat left top; position:relative; left:-2px; white-space:nowrap;}
#guanggao1 li.first-child { background:none;}
#guanggao1 li a { text-decoration:none; padding:0px 0px 0 5px; color:#888888; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#guanggao1 li a:hover {color:#555;}
#guanggao1 li address { display:inline; }

#google2 { position:absolute; top:114px; left:740px; z-index:100;}

#gnb { position:absolute; top:84px; height:60px; left:12px; overflow:hidden; white-space:nowrap; margin-bottom:0px; font-size:11px }
#gnb li { float:left; list-style:none; padding-left:0px; /*background:url(../images/default/bgGnbVr.gif) no-repeat left top;*/ position:relative; left:0px; white-space:nowrap;}
#gnb li a {  display:block; float:left; padding:6px 15px 0 15px;  height:27px; color:#EAEAEA; white-space:nowrap; text-align:center; font-size:1.12em;  text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#000;}
#gnb li.on { background:url(../images/default/bgGnbOn.gif) no-repeat right top;}
#gnb li.on a { padding:6px 15px 0 15px; color:#000; background:url(../images/default/bgGnbOn2.gif) no-repeat left top;}

/* 메인 2차메뉴 css */
.gnb_sub { position:relative; top:117px; left:0px; height:24px; overflow:hidden; white-space:nowrap;  font-size:11px;}
.gnb_sub li { float:left; list-style:none; padding-left:2px;  background:url(../images/default/vrType1.gif) no-repeat left center;  position:relative; left:-2px; white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:6px 8px 0 8px; height:18px; color:#555; white-space:nowrap; text-decoration:none;  font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.gnb_sub li a:hover,
.gnb_sub li a:focus { text-decoration:underline; color:#333333; }
/**  .gnb_sub li.on a, .gnbin li.on a:hover { font-weight:bold; color:#555555; background:url(../images/default/vrType1.gif) no-repeat center bottom; } 이 소스로 교체하면 2차 메뉴아래 정해진 이미지가 뜸 **/
.gnb_sub li.on a, .gnbin li.on a:hover { font-weight:bold; color:#333; }

#isSearch { position:absolute; top:17px; right:300px; width:380px; text-align:right;}
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:-1px; padding:7px 5px 6px 5px; width:300px; height:13px; color:#000; border:5px solid #505050; background-color:#ffffff; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:5px solid #3E3E3E; background-color:#DEDEDE; }
*:first-child+html body#default #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html body#default #isSearch .submit { position:relative; top:-1px;}


#lnbWrap {margin:5px 0 0 0; padding:0;}
#lnbWrap img {display: block;}
#lnbWrap .sub_title  { background:url(../images/default/lnb_bg_t.gif) no-repeat; height:35px; }
#lnbWrap .sub_title h1 { margin:0; padding:8px 0 0 20px; width:180px; font-weight:bold; font-family:Tahoma; font-size:13px; color:#666666; }
#lnb {padding:0 15px; width:170px; background:url(../images/default/lnb_bg.gif) repeat-y; font-size:.9em;}
#lnb li {list-style:none;}
#lnb li a {position:relative; z-index:99; display:block;  padding:5px 10px 5px 25px; width:135px; border-bottom:1px solid #eeeeee; background:url(../images/default/smBul.gif) 5px no-repeat; color:#555555; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus {background-color:#faf9f8; color:#444444;}
#lnb li.on a {background:#faf9f8 url(../images/default/smBulon.gif) 5px no-repeat; color:#444; font-weight:bold; letter-spacing:-1px;}
#lnb li.on a:hover,
#lnb li.on a:focus {color:#444;}
#lnb li ul {display:none; position:relative; padding:0; width:170px;}
#lnb li.on ul {display:block;}
#lnb li ul li {position:relative; top:0;}
#lnb li ul li a {width:130px; background:url(../images/default/submenulist.gif) 12px 7px no-repeat !important; padding:5px 10px 5px 30px; color:#666 !important; font-weight:normal !important; letter-spacing:normal !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus {color:#444 !important;}
#lnb li.on ul li.on a {color:#444 !important; font-weight:bold !important;}

#wpgb {background:url(../images/default/lnb_bg_c.gif) no-repeat; height:41px;}
#wpgb .wpgb2 {padding:14px 0 0 30px;}
#wpgb .wpgb2 a { text-decoration:none;  font-weight:bold; font-family:Tahoma; font-size:12px; color:#666666; }

/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:40px; overflow:hidden; /*background:url(../images/default/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; clear:both;}


/* 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 {  margin:0; padding:0; text-align:center; padding:7px 0 0em; clear:both;}
#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/default/vrType2.gif) no-repeat left center;}
#footer li.first-child { text-decoration:none; color:#666; font:12px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; background:none;}
#footer li a { text-decoration:none; color:#666; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li address { display:inline; }

/* Default Skin - End */

---------------------------------------------------------------------------------------------------

 

 포맷변~1333333.jpg

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
초보에요^^* 다운로드 랭킹 출력시 파일이름의 길이를 제어하고 제어하는 방법이 알고싶어요. [1] file 2009.12.30 by 라르게덴
danny_coco 위젯에 언어팩을 추가 할 수있나요? [1] 2009.12.30 by 라르게덴
개발. 관리화면중 회원관리부분을 수정하려고 하는데요.. 어떤파일을 수정해야 하나요..?  
JUUN cafeXE 생성오류 + Textyle 생성오류 + 페이지 콘텐츠추가 위젯 첨부 에러 [1] 2009.12.30 by RaisonDetre
익스군 레이아웃을 중앙으로 나오게 하고 싶어요 [1] 2009.12.30 by 익스군
별님왕자 동영상 매뉴얼은 어디있나요? [1] 2009.12.30 by 백성찬
미죠 000webhost깔았는데 HTTP 403 forbidden 에러가 ㅜㅜㅜ  
totok 확장변수 폭 조절방법 꼭 부탁드립니다. XE팁을 적용했는데도 안되네요.ㅠㅠ  
불패의초인 메인화면 위쪽 여백 없애는 방법좀...... [2] file 2009.12.30 by 박계출
sleepwalker 회원 가입 페이지와 검색창에 별도 레이아웃 적용에 관한 질문  
마계범군 XE 게시판에서 첨부파일에 대한 문의입니다.  
초콜릿조아 게시판 글꼴과 숫자가 이렇게 나오는데요..해결책좀 [1] file 2009.12.29 by 백성찬
BBBBBBBB 갑자기 아무것도 안뜨네요 [1] 2009.12.29 by BBBBBBBB
WhiteAT 스프링노트 연동에러 [1] 2009.12.29 by 백성찬
Generalist 게시글 작성시 붙여넣기가 안되는 문제  
카이네드 iframe에 {$content} 넣기  
햇병아리 게시판모듈설치뒤의 문제 [1] 2009.12.29 by 라르게덴
newlax 댓글 [1] file 2009.12.29 by 라르게덴
우리아기 게시판 재목 색깔 [1] 2009.12.29 by 라르게덴
시니시즘 Ajax.PeriodicalUpdater [1] 2009.12.29 by 라르게덴
실이다 이미지 첨부오류 [3] 2009.12.29 by 백성찬
마로. cooliris에서 해당게시물 링크를 현재창으로.. [1] file 2009.12.29 by 라르게덴
달팽이355 다운로드랭킹에서 날짜별로 출력하기 [1] 2009.12.29 by 라르게덴
개발. 게시판에 글쓰기 할때 비밀번호를 설정할 수 있나요..? [1] 2009.12.29 by 백성찬
뮤랑이 해당 모듈의 모든 글수를 뽑으려면 어떻게 해야 하나요? [2] 2009.12.29 by 라르게덴
치올 스프링노트연동 [1] 2009.12.29 by 백성찬
개발. 오래있으면 자동으로 로그아웃되는거 같은데요.. 시간이 얼마나 지나야 되나요  
안주짱 게시판관리창이 엑박이떠요 file  
카이네드 XE 루트설치 후 문제 [2] 2009.12.29 by Gekkou
우뉴 [MySQL] data Type 변경하는 방법, data 추가하는 방법 질문 [3] 2009.12.29 by ui