묻고답하기
좀 도와주세요...
2012.08.28 16:26
제목과 같이 Core ver 1.5.3으로 업그레이드 한 후 아래 이미지와 같이 틈이 생기는데 어디를 수정해야 하는지요?
송동우 님께서 아래와 같이 알려줬는데...
며칠을 찾아봐도 못찾겠어요...ㅠㅠ
아래 layout css 파일 소스첨부합니다. 좀 도와 주세요...
"사용하는 레이아웃의 css 파일에서 수정할 수 있습니다.
레이아웃을 만든 사람이 클래스 명을 어떻게 정하느냐에 따라 다르지만
xe_official 레이아웃의 경우
클래스 .xe 여기에 보면
마진값이 1.5em 지정되어 있습니다.
0으로 수정하면 공간이 사라집니다....
사용하는 레이아웃의 css 살펴보세요......"
@charset "utf-8";
/*한국타운 두번째 레이아웃 http://www.hankooktown.com*/
body { font-family: "돋움", Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 12px; }
a:link, a:visited, a:active { color:#333; text-decoration:none; }
/* Default Skin - Start */
html, body { height:100%; }
address { font-style:normal; }
img, fieldset { border:0; margin:0; padding:0; }
form { margin:0; }
legend { position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1; }
hr { display:none; }
.gnb2, .hk_gnb, #selectLang, #gnb, #lnb, #lnb ul { margin:0; padding:0; }
.bul { margin:0 0 2px 0; vertical-align:middle; }
.bt1 { border-top:solid 1px #dedede;}
/* Site Layout - Body Wrap */
body { background:#e6e6e6 url(../images/default/bg.jpg) repeat-y center top; }
#bodyBg { width:981px; margin:0 auto;}
#bodyWrap { width:950px; margin:0 auto; }
/* Site Layout - Header */
#header { position:relative; width:950px; height:80px; z-index:99; }
#header h1 { margin:0; padding:0; position:absolute; top:18px; left:25px; }
.ps { position:absolute; bottom:7px; right:10px }
.isSearch .inputText { position:relative; width:120px; height:14px; border:1px solid #CCC; background-color:#FFF; vertical-align:middle; margin:3px; padding:2px }
.isSearch .submit { vertical-align:middle; }
#language { position:absolute; top:25px; right:0px; 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;}
.hk_gnb { overflow:hidden; white-space:nowrap; position:absolute; left:15px }
.hk_gnb li { float:left; height:35px; left:-2px; list-style:none; position:relative; white-space:nowrap; margin:0; padding:0 0 0 2px }
.hk_gnb li a { display:block; float:left; color:#FFF; white-space:nowrap; text-decoration:none; padding:12px 10px 9px }
.hk_gnb li a:hover, .hk_gnb li a:focus { color:#FFF }
.hk_gnb li.on { position:relative; z-index:2; padding-left:3px; margin:0 -2px 0 2px }
.hk_gnb li.on a { color:#FFF }
.hk_gnb li { background:url(../images/default/bgMenuVr.gif) no-repeat left top }
.hk_gnb li.on a, .hk_gnb li.on, .roll_gnb li.on:hover, .roll_gnb li.on a:hover { background:url(../images/default/bgMenuOn.png) repeat-x right top }
.gnb2 { position:absolute; top:43px; left:20px; white-space:nowrap; overflow:hidden; margin:0; padding:0 }
.gnb2 li { position:relative; left:-2px; float:left; list-style:none; width:auto; color:#666; background:url(../images/default/bgGnb2Vr.gif) no-repeat left 0; white-space:nowrap; font-size:11px; margin:4px 8px 0 0; padding:0 1px 0 8px }
.gnb2 li a { display:block; text-decoration:none; letter-spacing:-1px; font-size:11px }
.gnb2 li a:hover, #bodyWrap_ec .gnb2 li a:focus { padding-bottom:2px; letter-spacing:-1px }
.gnb2 li.on a { padding-bottom:2px; font-weight:bold; letter-spacing:-1px }
/* Site Layout - menu roll */
#hkmenu { position:relative; width:950px; height:70px; margin-bottom:10px; }
#hkmenu .roll_gnb { overflow:hidden; white-space:nowrap; position:absolute; left: 15px; margin:0; padding:0px }
#hkmenu .roll_gnb li { float:left; height:35px; left:-2px; list-style:none; position:relative; white-space:nowrap; padding-left:3px; margin:0 }
#hkmenu .roll_gnb li a { display:block; float:left; color:#754b02; white-space:nowrap; text-decoration:none; padding:12px 10px 10px }
#hkmenu .roll_gnb li a:hover, #hkmenu .roll_gnb li a:focus { color:#FFF }
#hkmenu .roll_gnb li.on { position:relative; z-index:2; padding-left:3px; margin:0 }
#hkmenu .roll_gnb li.on a { color:#754b02 }
#hkmenu .roll_gnbSub { position:absolute; top:43px; left:20px; white-space:nowrap; overflow:hidden; margin:0; padding:0 }
#hkmenu .roll_gnbSub li { position:relative; left:-2px; float:left; list-style:none; width:auto; color:#666; white-space:nowrap; font-size:11px; margin:4px 8px 0 0; padding:0 1px 0 8px; background:url(../images/default/bgGnb2Vr.gif) no-repeat left 0; }
#hkmenu .roll_gnbSub li a { display:block; text-decoration:none; letter-spacing:-1px; font-size:11px }
#hkmenu .roll_gnbSub li a:hover, #hkmenu .roll_gnbSub li a:focus { padding-bottom:2px; letter-spacing:-1px }
#hkmenu .roll_gnbSub li.on a { padding-bottom:2px; font-weight:bold; letter-spacing:-1px }
/* Site Layout - Content Body */
#contentBody { position:relative; width:950px; padding-bottom:30px; overflow:hidden; border-bottom:1px solid #dddddd; }
/*서버2차메뉴*/
.lnbWrap { overflow:hidden; padding:1px; }
.lnbWrap .subtitle { background: url(../images/default/lnb_title.gif) repeat-x left top; }
.lnbWrap .subtitle { border-bottom:solid 1px #dedede; width:99% }
.lnbWrap .subtitle h1 { font-size:14px; font-weight:700; background: url(../images/default/subTitle_icon.gif) no-repeat 6px center; letter-spacing:2px; margin:0; padding:7px 0 7px 20px }
.lnbtop_line { border-top:solid 1px #dedede;}
#lnb { padding:4px 5px 0; width:190px; }
#lnb li { padding-bottom:4px; list-style:none; }
#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #e8e8e8; background:url(../images/default/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none; }
#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; 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; }
/* Site Layout - Footer */
#footer { position:relative; width:950px; overflow:hidden; }
#footer h1 { float:left; width:200px; margin:0; padding:10PX }
#footer .foot_menu { overflow:hidden; margin:0; padding:10px 0 5px; }
#footer .foot_menu li { display:inline; white-space:nowrap; background:url(../images/default/vrType1.gif) no-repeat left 0; font-size:11px; margin:0 0 0 -2px; padding:0 1px 0 6px }
#footer p.copyright { font-family:Verdana; font-size:9px; color:#555; margin:0 }
#footer p.copyright a { text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weight:700 }
#footer p.copyright a:hover, #footer p.copyright a:focus { font:bold 9px Verdana; }
#footer address { padding-top:2px; color:#999; font-size:9px; font-family:Verdana; font-weight:600; font-style:normal; }
#footer select { border: 1px solid #666; position: absolute; height: 18px; width: 170px; right: 10px; font-size: 11px; bottom: 13px; }
#footer p.top { position: absolute; top: 5px; right: 10px; margin:0 }
#footer .skinby { margin:0; position: absolute; right:10px; bottom:3px; }
#bor { overflow:hidden; height:5px; background-color: #F7F7F7; border-top-width: 1px; border-top-style: solid; border-top-color: #DEDEDE; }
/* Default Skin - End */
.account { margin:0; padding:5px 0; text-align:right; }
.account li { display:inline; list-style:none; padding:0 1px 0 6px; background:url(../images/default/login_bar.gif) no-repeat left center; white-space:nowrap; }
.account li.first-child { padding-left:0; background:none; }
.account li.pointer { cursor:pointer; }
.account li.bookmark { padding-left:0; background:none; cursor:pointer; }
.account li strong { color:#555; }
.memberProfile { display:none; position:absolute; top:23px; right:1px; padding:10px; background:#fff; border:1px solid #acb8d7; text-align:left; overflow:hidden; z-index: 999; }
.memberProfile.active { display:block; }
.memberProfile .authorName { margin:0 0 8px 0; font-size:14px; font-weight:bold; color:#333; white-space:nowrap; }
.memberProfile ul { margin:0; padding:10px 10px 5px 10px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc; }
.memberProfile li { float:none; white-space:nowrap; margin:0 0 5px 0; padding:0 0 0 10px; background:url(../images/default/bulletB.gif) no-repeat left center; font-size:11px; letter-spacing:-1px; }
.memberProfile .close { position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../images/default/buttonCloseX.gif) no-repeat center center; }
.memberProfile .close span { position:absolute; font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden; }
.loginWindow { display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100; }
.loginWindow.open { display:block; }
.loginWindow .modalWindow { display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30);
}
.loginWindow .loginLayer { position:absolute; width:289px; top:120px; left:50%; padding:30px; border:5px solid #B3B3FF; margin:0 0 0 -175px; background:#fff; }
.loginWindow .loginLayer form { display:none; *zoom:1;
margin:0 0 29px 0; }
.loginWindow .loginLayer form:after { content:""; display:block; clear:both; }
.loginWindow .loginLayer form legend { position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; }
.loginWindow .loginLayer fieldset { border:0; margin:0; padding:0; }
.loginWindow .loginLayer.loginTypeA form.typeA, .loginWindow .loginLayer.loginTypeB form.typeB { display:block; }
.loginWindow .loginLayer dl { margin:0; padding:0 0 1px 0; }
.loginWindow .loginLayer dt { font-size:12px; font-weight:bold; color:#868d95; margin:0 0 2px 0; }
.loginWindow .loginLayer dd { margin:0 0 21px 0; }
.loginWindow .loginLayer .inputText { width:269px; height:31px; padding:6px 9px 0 9px; border:1px solid #ddd; font:20px Tahoma; color:#333; }
.loginWindow .loginLayer .inputText:focus { background-color:#fbfbfb; }
.loginWindow .loginLayer .inputCheck { margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle; }
.loginWindow .loginLayer.loginTypeA .inputText { background-image:url(../images/default/bgLoginText.gif); background-repeat:no-repeat; background-position:right top; }
.loginWindow .loginLayer.loginTypeB .inputText { background-image:url(../images/default/bgOpenidText.gif); background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px; }
.loginWindow .loginLayer .keep { margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap; }
.loginWindow .loginLayer .keep label { color:#555; }
.loginWindow .loginLayer .loginButton, .loginWindow .loginLayer .loginButton input { position:relative; border:0; color:#fff; font-size:12px; font-weight:bold; display:inline-block; height:36px; line-height:36px; background-color:transparent; background-image:url(../images/default/buttonLoginAction.gif); background-repeat:no-repeat; overflow:visible; }
.loginWindow .loginLayer .loginButton { float:right; background-position:0 0; right:11px; }
.loginWindow .loginLayer .loginButton input { left:11px; background-position:right 0; padding:0 30px 0 45px; cursor:pointer; }
.loginWindow .loginLayer .help { margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center; background:#fafafa; border-top:1px solid #f2f2f2; }
.loginWindow .loginLayer .help li { display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px; }
.loginWindow .loginLayer .help li.join { font-weight:bold; }
.loginWindow .loginLayer .help li.find { border-left:1px solid #b3b3b3; }
.loginWindow .loginLayer .help li.typeA, .loginWindow .loginLayer .help li.typeB { display:none; border-left:1px solid #b3b3b3; }
.loginWindow .loginLayer.loginTypeA .help li.typeA, .loginWindow .loginLayer.loginTypeB .help li.typeB { display:inline; }
.loginWindow .loginLayer .help li a { text-decoration:none; color:#555; }
.loginWindow .loginLayer .help li a:hover, .loginWindow .loginLayer .help li a:active, .loginWindow .loginLayer .help li a:focus { text-decoration:underline; }
.loginWindow .loginLayer .close { position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../images/default/buttonCloseX.gif) no-repeat center center; }
.loginWindow .loginLayer .close span { position:absolute; font-size:0; line-height:0; width:0; height:.;
overflow:hidden; visibility:hidden; }
개발자 도구로 확인해 보면
http://ibaduk.pe.kr/layouts/hankooktown2/css/layout.css 열고
아이디값
#bodyBg 이것을 찾아서
margin-top:-10px
이렇게 마진값을 주면 됩니다.
눈으로 확인하기