묻고답하기

  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 남기남
재문아빠 XE 설치 후 xe폴더의 파일을 www로 옮겼는데요... [1] file 2012.03.05 by 송동우
제발도와주세요 송동우님 질문합니다. [1] 2012.03.05 by 송동우
HostCIty 모듈 업데이트  
본체 메뉴이동  
Only_Rnddl 최근게시물 롤링  
스럴스럴 제로보드 4 -> XE 1.5.10 데이터 이전 관련 질문  
재문아빠 한글도메인 사용하시는 분 계신가요? [1] 2012.03.05 by 짜장고
nexonx 제로보드 설치시 폴더이름을 다르게 해도 되는지요..? [1] 2012.03.05 by 송동우
choiminn 네이버카페처럼 게시글이 올라오면 카테고리에 n뜨는거 [1] file 2012.03.05 by 숭숭군
늘푸른83 게시판 전체 삭제하는 쿼리좀 알려주세요.  
davidcho64 갑자기 file이 올라가지 않는데 무슨 이유인가요?  
하늘384 퍼미션설정  
scandisk 1.5.x 에서 1.4.x 다운그레이드 했는데 메뉴가 사라졌어요 [2] 2012.03.05 by scandisk
redviolet212 썸네일박스 크기를 크게 하는 방법 없나요  
brother 회원숫자는 나오는데 회원목록이 나오질 않습니다  
redviolet212 권한 경고창이 이상하게 떠요..  
재문아빠 한글도메인을 사용해도 XE사용에 문제가 없을까요?  
MIC 파일 첨부시 에러가...  
하늘384 페이지 수정 [1] 2012.03.05
my5082 게시판 리뷰형태로 하면 아이패드나 아이폰에서 리스트 이미지가 안나옵니다.  
태그 쓰기