묻고답하기

[레벨: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 남기남
디자인소리 텍스타일 때문에 미치겠네요..ㅜㅜ  
김대한562 외부페이지 로딩속도가 많이 느리네요  
오대양 첨부이미지가 뜨지 않는 문제, 꼭 좀 도와주세요ㅜ [1] 2009.12.09 by 된장맛껌
하늘이22 고수라면 인차 알것 같은데 부탁 합니다. [1] 2009.12.09 by xeworks
윤지아빠 파일 비교문제 [1] 2009.12.09 by 된장맛껌
미친박군 위지웍 에이터가 활성화가 안됩니다. [3] file 2009.12.09 by 백성찬
모노로그 XE가 느려지고 글쓰기 장애가 발생합니다. [2] 2009.12.09 by 老姜君
멀루할까 글쓰기, 목록등 게시판 기본옵션이없어요 ㅠ [5] file 2009.12.09 by 멀루할까
똥카 갠홈 리뉴얼을 했는데 이상하게 나와여ㅠㅠ미치겟네요  
miss오랜지 호스팅 바꾸면 어떻게하죠? [2] 2009.12.09 by Gekkou
유서영895 board 모듈 게시판이 사라졌어요. 원래 안들어 있나요? [3] 2009.12.09 by 알프레드
원대한543 xe에서 수식입력하기  
ByeolSatang 레이아웃을 적용하니 일부위치에서 배경이 사라져 하얗게 나올까요? [1] file 2009.12.10 by xeworks
멀루할까 xe에 프레임은 어떻게 적용시키나여 [1] 2009.12.10 by xeworks
어라하 동영상메뉴얼이 대체 어디에 있습니까? [1] 2009.12.10 by Gekkou
알프레드 메일가입인증 절차를 없애고 그냥 가입 하는 방법 좀 알려주세요. [1] 2009.12.10 by 하늘03
teuysl1 FTP서버에 있는 제로보드4 파일을 모두 백업하려고 했는데 [1] 2009.12.10 by Gekkou
chinamakeup 지금 이곳 페이지처럼 로그인을 달고 싶습니다. [1] 2009.12.10 by 팔공산
미누7 서버이전할때.. db파일 백업후.. 복구하는 방법문의!  
문용식372 cafexe 로 카페를 만들어지지 않습니다.  
Planb 게시판에서 flv파일이 본문에서 보이지 않습니다. [1] file 2009.12.10 by 백성찬
eunbini textyle 설치 관련  
제로초짜 아이디/비밀번호찾기 메일발송시 메일에서 아무것도 안뜨는이유가뭔지모르겠습니다.  
juossin 데이터 이전후에 회원정보 동기화시 게시물에 닉네임대신 이름으로 변경  
juossin 메뉴관리에서 생성된 메뉴와 똑같은 메뉴 복사 [1] 2009.12.10 by juossin
멀루할까 로그인창에 대하여 질문드려요 ㅠ file  
윤정식709 테이블이 깨지는 현상  
괴짝 이곳에 플래시 파일넣으려면 소스를 어디다가 넣어줘야하나요? [1] file 2009.12.10 by 백성찬
한재성726 제로보드4에서 XE로의 업데이트 순서를 상세히 알려주세요 [1] 2009.12.10 by 백성찬
박병욱989 관리자 화면 오류 메시지좀 해석해주세요... [1] 2009.12.10 by 박병욱989