묻고답하기

레이아웃수정

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:10]

이 게시물을

이지데브

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 남기남
흰색앵초	XE Official V3 게시판 첨부파일이 버튼을 누르지 않아도 목록이 보이게 하고 싶습니다. [1]	2012.02.14 _by 이지데브
alz	제로보드4 ->xe 업로드 문제 [2]	2012.02.14 _by 황비
삐짐이	재질문입니다. html 접근권한 -이적용법이 맞는지좀 가르쳐주세요 [2]	2012.02.14 _by 보이스32
나탈	레이아웃수정 [1]	2012.02.14 _by 이지데브
고독의요새	게시물 쓰기와 수정은 되는데 삭제가 안돼는 현상 [1]	2012.02.14 _by 카르마
껌정악마	게시판 분류추가 관련 질문
WongooN	갤러리 적용시 가로로 배치되는 썸네일 개수 지정 및 중앙 정렬 [1]	2012.02.14 _by 애호가
delphiXE2	module의 info.xml의 category 질문 [1]	2012.02.14 _by 카르마
stylebygio	데이터 이전시 문제가 있습니다.
WongooN	게시판 글하단의 첨부파일 목록 삭제 방법이 궁금합니다. [1]	2012.02.14 _by 이지데브
앤씨	스킨 변경
cloudn1ne	게시물의 카테고리를 알 수 있는 방법이 있나요? [1]	2012.02.14 _by 똑디
김희문	에디터에서 태그 적용하려면 어떻게 해야되나요? [1]	2012.02.14 _by 애호가
량구	제로보드xe 게시판 기능이 안됩니다 [1]	2012.02.14 _by 애호가
준희^^+	content 위젯의 RSS 사용하기 질문이예요~ 답변 꼭 부탁드립니다!
빛소리	제목을 클릭하면 다른 사이트로 이동할 수 없을까요? [1]	2012.02.14 _by 빛소리
량구	제로보드xe 게시판 기능이 안됩니다
카워시	관리자 페이지에서 사이트 메뉴가 안보여요.. [1]	2012.02.14 _by 웹엔진
jay dee	123 [3]	2012.02.14 _by jay dee
무비클립	가장 이름을 많이 불러지고 있는 송동우님 메뉴문제요
WongooN	게시글 항목 수정 방법이 궁금합니다. (작성일, ip주소, 조회수 등등) [3]	2012.02.14 _by WongooN
이성훈887	관리자 페이지 에러 [1]	2012.02.14 _by 이지데브
이찌부	{$content} 이부분에 컨텐츠가 들어 오는데... 이것을 변형할 수 있을가요? [1]	2012.02.14 _by 이지데브
생까는즐거움	구글 analytics 분석기 소스 설치 위치? [2]	2012.02.14 _by 이지데브
미연짱	동우님 감사했습니다 css문의 드립니다
mayanking	악성 프로그램 [3]	2012.02.14 _by 슬프다진짜
바람부는하늘	쉬운설치시 오류
Yosida_sakura	송동우님 도움좀 부탁드립니다.
무비클립	질문하는대로 답변이 안되지만 또 질문드립니다. [1]	2012.02.13 _by 송동우
늘푸른83	분류 자동선택되게 할순 없나요? [1]	2012.02.13 _by 송동우

태그 쓰기

묻고답하기

레이아웃수정

댓글 1

이지데브

나탈

About

Get involved

Blog

Download

Support

Showcase