묻고답하기

  2. Support
  3. 묻고답하기

메인화면 위쪽 여백 없애는 방법좀......

2009.12.09 09:48

불패의초인

[레벨: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 남기남
장영식643 2MB 이상 파일 첨부문제 [1] 2008.10.10 by 느까끼
박노열 게시판 본문 길이 조정에 대한 질문입니다.  
유학com 인덱스페이지 설정요 ㅠ0ㅠ;;; 도와주세요 초보예요 [3] 2008.10.10 by 유학com
누리 새쪽지 와서 확인 누르면 옛날 쪽지가 보입니다. [1] 2008.10.10 by 이슬나라
나나나나난 도메인 포워딩 [1] 2008.10.10 by 주재천
StyleD XML 쿼리문에 대해... [1] 2008.10.10 by 라르게덴
착한악마 댓글이 사라지는 이유?? [2] 2008.10.10 by 착한악마
일인자 레벨아이콘을 그룹별로 아이콘사용할수없을까여?  
다혈질 레이아웃에서 메뉴 설정이 되지 않습니다. [1] 2008.10.10 by 백성찬
테사카 XE 1.06 설치시 오류가 납니다. [1] file 2008.10.10 by 백성찬
일인자 메뉴부분에 기능추가하는방법이 궁금합니다 꼭좀답변해주세요... [1] 2008.10.10 by 느까끼
mean550 1.0.6 패치후 게시판리스트에서 작성자에게 쪽지/메일 기능 [1] 2008.10.10 by 브을랙
1 마우스 오버인가요 이게?;; [2] file 2008.10.10 by 1
김순규774 popup 기능을 넣을려는데 너무 어렵네요.  
파다 기존회원 DB 옮겨오는 법 아시나요. [1] 2008.10.10 by 백성찬
i88kk 제로보드 공부에 대한 질문입니다 [1] 2008.10.10 by 쿨김
홈피가이 더이상 설치가 안되는데 알려주세요. [11] file 2008.10.10 by 홈피가이
모르미 제로보드 XE - admin으로 글쓰기가 안됩니다.  
밤이면밤마다 DB&관리자 정보 입력 페이지에서 등록을 누르면 자꾸 오류메세지가,,,도와주세요 [1] 2008.10.10 by 백성찬
나경한 특정 게시판 검색창을 다른홈페이지에 하려면 file  
태그 쓰기