묻고답하기

레이아웃수정

2012.02.14 18:48

나탈

위의 화면처럼 로그인 위젯스킨이 짤립니다.....메뉴와 본문 각격을 좀더 늘려서 모두 나오게 하고싶은데 어떻게 해야할까요?

밑에는css 파일입니다

@charset "utf-8";

/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* You'd better not fix : 이 파일 수정을 권장 안함 */

/* Skip To Content */

a.skipToContent{ display:block; position:relative; top:0; clear:both; overflow:hidden; height:0; text-decoration:none;}

a.skipToContent:hover,

a.skipToContent:active,

a.skipToContent:focus{ height:auto; margin:0 0 10px 0; padding:5px;}

/* Hr */

hr.cafeXeHr{ display:none; position:absolute;}

/* Container + Header + Body + Footer */

#cafeXeContainer{ position:relative; margin:0 20px; *zoom:1;}

#cafeXeHeader{ position:relative; padding:20px 0 10px; border-bottom:3px solid; *zoom:1; z-index:100;}

#cafeXeHeader:after{ content:""; display:block; clear:both;}

#cafeXeBody{ position:relative; padding-top:20px; padding-bottom:20px; *zoom:1;}

#cafeXeBody:after{ content:""; display:block; clear:both;}

#cafeXeContent{ position:relative; margin-bottom:20px; text-align:justify;}

#cafeXeFooter{ position:relative; padding:10px 0; border-top:1px solid; *zoom:1; z-index:100;}

#cafeXeFooter address{ text-align:center;}

/* Layout Width */

.cafeXeFixed #cafeXeContainer{ width:960px; margin-left:auto; margin-right:auto;}

.cafeXeLiquid #cafeXeContainer{ width:80%; margin-left:auto; margin-right:auto;}

.cafeXeHybrid #cafeXeContainer{ width:80%; margin-left:auto; margin-right:auto;}

/* Align Layout */

.aLeft #cafeXeContainer{ margin-left:0;}

.aRight #cafeXeContainer{ margin-right:0;}

/* Top Navigation */

#cafeXeHeader .cafeXeNavigation{ position:relative; padding:15px 0 0 0; margin:0; overflow:hidden; float:right;}

#cafeXeHeader .cafeXeNavigation:after{ content:""; display:block; clear:both;}

#cafeXeHeader .cafeXeNavigation *{ margin:0; padding:0;}

#cafeXeHeader .cafeXeNavigation h2{ display:none;}

#cafeXeHeader .cafeXeNavigation li{ position:relative; float:left; list-style:none; padding:0 5px;}

/* Footer Navigation */

#cafeXeFooter .cafeXeNavigation{ position:relative; padding:0; margin:0 0 10px 0;}

#cafeXeFooter .cafeXeNavigation:after{ content:""; display:block; clear:both;}

#cafeXeFooter .cafeXeNavigation *{ margin:0; padding:0;}

#cafeXeFooter .cafeXeNavigation h2{ display:none;}

#cafeXeFooter .cafeXeNavigation .cafeXeSection{ text-align:center;}

#cafeXeFooter .cafeXeNavigation ul{ position:relative; overflow:hidden;}

#cafeXeFooter .cafeXeNavigation li{ display:inline; position:relative; list-style:none; padding:0 5px;}

/* Neck */

#neck{ position:relative; clear:both; *zoom:1;}

#neck .cafeXeExtension{ margin-right:-30px; *zoom:1;}

#neck .cafeXeExtension:after{ content:""; display:block; clear:both;}

#neck .cafeXeExtension .cafeXeSection{ position:relative; float:left; width:300px; margin-right:30px;}

.cafeXeLiquid #neck .cafeXeExtension .cafeXeSection{ width:30%; margin-right:3.3%;}

/* Knee */

#cafeXeKnee{ position:relative; clear:both; *zoom:1;}

#cafeXeKnee{ padding-top:30px; border-top:1px solid;}

#cafeXeKnee .cafeXeExtension{ margin-right:-30px; *zoom:1;}

#cafeXeKnee .cafeXeExtension:after{ content:""; display:block; clear:both;}

#cafeXeKnee .cafeXeExtension .cafeXeSection{ position:relative; float:left; width:300px; margin-right:30px;}

.cafeXeLiquid #cafeXeKnee .cafeXeExtension .cafeXeSection{ width:30%; margin-right:3.3%;}

/* Extension */

.cafeXeExtension,

.cafeXeSection{position:relative; *zoom:1;}

#cafeXeBody .cafeXeExtension{ position:relative; display:none; margin-bottom:20px;}

.cafeXeExtension .cafeXeSection{ margin-bottom:20px;}

/* ----- Fixed 2 Column Layout ----- */

.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1,

.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1{ width:220px;}

.cafeXeFixed .cafeXeCE #cafeXeBody #cafeXeContent,

.cafeXeFixed .cafeXeEC #cafeXeBody #cafeXeContent{ width:720px;}

.cafeXeFixed .cafeXeCE #cafeXeBody #cafeXeContent{ float:left;}

.cafeXeFixed .cafeXeEC #cafeXeBody #cafeXeContent{ float:right;}

.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1,

.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1{ display:block;}

.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1{ float:right; clear:right;}

.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1{ float:left; clear:left;}

/* ----- Liquid 2 Column Layout ----- */

.cafeXeLiquid .cafeXeCE #cafeXeBody .cafeXeE1,

.cafeXeLiquid .cafeXeEC #cafeXeBody .cafeXeE1{ width:23%;}

.cafeXeLiquid .cafeXeCE #cafeXeBody #cafeXeContent,

.cafeXeLiquid .cafeXeEC #cafeXeBody #cafeXeContent{ width:75%;}

.cafeXeLiquid .cafeXeCE #cafeXeBody #cafeXeContent{ float:left;}

.cafeXeLiquid .cafeXeEC #cafeXeBody #cafeXeContent{ float:right;}

.cafeXeLiquid .cafeXeCE #cafeXeBody .cafeXeE1,

.cafeXeLiquid .cafeXeEC #cafeXeBody .cafeXeE1{ display:block;}

.cafeXeLiquid .cafeXeCE #cafeXeBody .cafeXeE1{ float:right; clear:right;}

.cafeXeLiquid .cafeXeEC #cafeXeBody .cafeXeE1{ float:left; clear:left;}

/* ----- Hybrid 2 Column Layout ----- */

.cafeXeHybrid .cafeXeCE #cafeXeBody{ padding-right:280px;}

.cafeXeHybrid .cafeXeEC #cafeXeBody{ padding-left:280px;}

.cafeXeHybrid .cafeXeCE #cafeXeBody .cafeXeE1,

.cafeXeHybrid .cafeXeEC #cafeXeBody .cafeXeE1{ width:260px;}

.cafeXeHybrid .cafeXeCE #cafeXeBody #cafeXeContent{ float:left; width:100%;}

.cafeXeHybrid .cafeXeEC #cafeXeBody #cafeXeContent{ float:right; width:100%;}

.cafeXeHybrid .cafeXeCE #cafeXeBody .cafeXeE1,

.cafeXeHybrid .cafeXeEC #cafeXeBody .cafeXeE1{ display:block;}

.cafeXeHybrid .cafeXeCE #cafeXeBody .cafeXeE1{ float:right; clear:right; margin-left:-260px; right:-280px;}

.cafeXeHybrid .cafeXeEC #cafeXeBody .cafeXeE1{ float:left; clear:left; margin-right:-260px; left:-280px;}

/* ----- Fixed 3 Column Layout ----- */

.cafeXeFixed .cafeXeCEE #cafeXeBody .cafeXeE1,

.cafeXeFixed .cafeXeCEE #cafeXeBody .cafeXeE2,

.cafeXeFixed .cafeXeECE #cafeXeBody .cafeXeE1,

.cafeXeFixed .cafeXeECE #cafeXeBody .cafeXeE2,

.cafeXeFixed .cafeXeEEC #cafeXeBody .cafeXeE1,

.cafeXeFixed .cafeXeEEC #cafeXeBody .cafeXeE2{ display:block; width:200px;}

.cafeXeFixed .cafeXeCEE #cafeXeBody #cafeXeContent,

.cafeXeFixed .cafeXeECE #cafeXeBody #cafeXeContent,

.cafeXeFixed .cafeXeEEC #cafeXeBody #cafeXeContent{ width:520px;}

.cafeXeFixed .cafeXeCEE #cafeXeBody #cafeXeContent{ float:left; margin-right:20px;}

.cafeXeFixed .cafeXeECE #cafeXeBody #cafeXeContent{ float:left; margin-right:-100%; left:220px;}

.cafeXeFixed .cafeXeEEC #cafeXeBody #cafeXeContent{ float:right;}

.cafeXeFixed .cafeXeECE #cafeXeBody .cafeXeE1,

.cafeXeFixed .cafeXeEEC #cafeXeBody .cafeXeE1{ float:left; margin-right:20px;}

.cafeXeFixed .cafeXeCEE #cafeXeBody .cafeXeE1,

.cafeXeFixed .cafeXeEEC #cafeXeBody .cafeXeE2{ float:left;}

.cafeXeFixed .cafeXeCEE #cafeXeBody .cafeXeE2,

.cafeXeFixed .cafeXeECE #cafeXeBody .cafeXeE2{ float:right;}

/* ----- Liquid 3 Column Layout ----- */

.cafeXeLiquid .cafeXeCEE #cafeXeBody .cafeXeE1,

.cafeXeLiquid .cafeXeCEE #cafeXeBody .cafeXeE2,

.cafeXeLiquid .cafeXeECE #cafeXeBody .cafeXeE1,

.cafeXeLiquid .cafeXeECE #cafeXeBody .cafeXeE2,

.cafeXeLiquid .cafeXeEEC #cafeXeBody .cafeXeE1,

.cafeXeLiquid .cafeXeEEC #cafeXeBody .cafeXeE2{ display:block; width:20%;}

.cafeXeLiquid .cafeXeCEE #cafeXeBody #cafeXeContent,

.cafeXeLiquid .cafeXeECE #cafeXeBody #cafeXeContent,

.cafeXeLiquid .cafeXeEEC #cafeXeBody #cafeXeContent{ width:56%;}

.cafeXeLiquid .cafeXeCEE #cafeXeBody #cafeXeContent{ float:left; margin-right:2%;}

.cafeXeLiquid .cafeXeECE #cafeXeBody #cafeXeContent{ float:left; margin-right:-100%; left:22%;}

.cafeXeLiquid .cafeXeEEC #cafeXeBody #cafeXeContent{ float:right;}

.cafeXeLiquid .cafeXeECE #cafeXeBody .cafeXeE1,

.cafeXeLiquid .cafeXeEEC #cafeXeBody .cafeXeE1{ float:left; margin-right:2%;}

.cafeXeLiquid .cafeXeCEE #cafeXeBody .cafeXeE1,

.cafeXeLiquid .cafeXeEEC #cafeXeBody .cafeXeE2{ float:left;}

.cafeXeLiquid .cafeXeCEE #cafeXeBody .cafeXeE2,

.cafeXeLiquid .cafeXeECE #cafeXeBody .cafeXeE2{ float:right;}

/* ----- Hybrid 3 Column Layout ----- */

.cafeXeHybrid .cafeXeCEE #cafeXeBody .cafeXeE1,

.cafeXeHybrid .cafeXeCEE #cafeXeBody .cafeXeE2,

.cafeXeHybrid .cafeXeECE #cafeXeBody .cafeXeE1,

.cafeXeHybrid .cafeXeECE #cafeXeBody .cafeXeE2,

.cafeXeHybrid .cafeXeEEC #cafeXeBody .cafeXeE1,

.cafeXeHybrid .cafeXeEEC #cafeXeBody .cafeXeE2{ display:block; width:220px;}

.cafeXeHybrid .cafeXeCEE #cafeXeBody{ padding-right:480px;}

.cafeXeHybrid .cafeXeECE #cafeXeBody{ padding-left:240px; padding-right:240px;}

.cafeXeHybrid .cafeXeEEC #cafeXeBody{ padding-left:480px;}

.cafeXeHybrid .cafeXeCEE #cafeXeBody #cafeXeContent,

.cafeXeHybrid .cafeXeECE #cafeXeBody #cafeXeContent,

.cafeXeHybrid .cafeXeEEC #cafeXeBody #cafeXeContent{ width:100%;}

.cafeXeHybrid .cafeXeCEE #cafeXeBody #cafeXeContent,

.cafeXeHybrid .cafeXeECE #cafeXeBody #cafeXeContent{ float:left; margin-right:-100%;}

.cafeXeHybrid .cafeXeEEC #cafeXeBody #cafeXeContent{ float:right;}

.cafeXeHybrid .cafeXeECE #cafeXeBody .cafeXeE1,

.cafeXeHybrid .cafeXeEEC #cafeXeBody .cafeXeE2{ float:left; left:-240px; margin-right:-220px;}

.cafeXeHybrid .cafeXeEEC #cafeXeBody .cafeXeE1{ float:left; left:-480px; margin-right:-220px;}

.cafeXeHybrid .cafeXeCEE #cafeXeBody .cafeXeE1,

.cafeXeHybrid .cafeXeECE #cafeXeBody .cafeXeE2{ float:right; left:240px; margin-left:-220px;}

.cafeXeHybrid .cafeXeCEE #cafeXeBody .cafeXeE2{ float:right; left:480px; margin-left:-220px;}

캡처.PNG [File Size:15.3KB/Download:15]

이 게시물을

이지데브

2012.02.14 20:40

수정파일

http://www.blizz.co.kr/layouts/cafeXE/css/layout@cafe.css

수정라인 43,44번
수정코드 180 -> 200 -180 > -200

.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1{ width: 200px;}
.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1{ left:-220px; margin-right: -200px;}

좋아요 댓글 신고
나탈

2012.02.14 20:48

완전 감사합니다...ㅠㅠ 복받으실꺼에요

좋아요 댓글 신고

글쓴이	제목	최종 글
XE	공지 글 쓰기,삭제 운영방식 변경 공지 [16]	2019.03.05 _by 남기남
플러스투	포인트와 레벨에 관한 질문입니다. [1]	2013.10.18 _by sejin7940
참치찌개	무조건 비밀글로 저장하기 [1]	2013.10.18 _by sejin7940
Coke Kim	실시간 환율정보
참치찌개	가입 항목 수정하기 [1]	2013.10.18 _by sejin7940
참치찌개	댓글에 ip 출력 하기 [1]	2013.10.18 _by sejin7940
참치찌개	링크 출력하기 [1]	2013.10.18 _by LETITBE
freeism	'사이트 디자인 설정'에서 HTML 수정 후 의문점 [1]	2013.10.18 _by LETITBE
쿨럭이	301리디렉션 관련 문의좀 ^^; [2]	2013.10.18 _by 휘즈
SEAN76	Content 위젯 앱퍼즈 갤러리 스킨에서...
지우빠	관리자화면 수정할때.. 파일위치만 좀 가르쳐주셨으면 합니다. [1]	2013.10.18 _by sejin7940
피파13	[끌올] 특정 그룹이 글을 쓰면 게시물 제목 옆에 지정된 아이콘을 붙이는 방법
참치찌개	신고 재 확인 [1]	2013.10.17 _by 멀티비타민
멀티비타민	위젯 확장변수로 이미지 링크하기.. [1]	2013.10.17 _by 멀티비타민
쿨럭이	서버 오류 로그 하나좀 봐주실분 없나용 ㅠㅠ [5]	2013.10.17 _by 비닐봉지＊
아싸리방가	메뉴마다 인기게시물 위젯 다는방법 [1]	2013.10.17 _by sejin7940
오락실주인	ideationPopular 위젯 사용하시는분 !
mcgomting	음.. $oDocumentModel 이나 $oMemberModel 이 무슨 뜻인가요? [1]	2013.10.17 _by sejin7940
꾸링	웹서버 하드디스크 용량 부족
하지니	특정 확장변수값이 포함된 글의 총 개수를 출력하는 함수에 카테고리 분류까지 가능할까요? [1]	2013.10.17 _by sejin7940
피파13	특정 그룹이 글을 쓰면 게시물 제목 옆에 지정된 이미지를 붙게 하는 방법 [1]	2013.10.17 _by socialskyo

태그 쓰기

묻고답하기

레이아웃수정

댓글 1

이지데브

나탈

About

Get involved

Blog

Download

Support

Showcase