묻고답하기

  2. Support
  3. 묻고답하기

나라디자인 CSS Navigation Bar 사용에 대한 문의 입니다.

2010.11.23 14:11

drimilda

나라디자인 CSS Navigation Bar 사용에 대한 문의 입니다.


지금 기존의 레이아웃을 사용하지 않고
나라디자인 CSS Navigation Bar를  이용해 꾸며 보려하는데....문제가 발생했습니다.

 

레이아웃의 기본틀은
정찬명님의 메뉴얼을 통해 얻은 아래와 같은 레이아웃 뼈대로 꾸미고 있는데...

 

나라디자인 CSS Navigation Bar의
스크롤 메뉴가 로그인창은 물론 게시판이 들어가면 모든 것들의 뒤로 숨어버립니다.

 

레이아웃 스킨의 z-index 값을 조절하라는 답변이 있어
눈씻고 찾아봤으나 z-index 값 자체가 없어 당황 스럽네요.


밑으로는 수정하지 않은 정찬명님의 레이아웃 기본틀 소스 입니다.
잠깐 시간내어서 초보자에게 도움 좀 주시면 진심으로 감사드리겠습니다.^^

------------------------------------------------------------------------------

 

layout.html

 

<div id="xe" class="fixed | liquid | hybrid | aLeft | aRight">
<div id="container" class="c | ce | ec | cee | ece | eec">
<div id="header">
<h1></h1>
<div class="extension"></div>
</div>
<div id="body">
<div id="content"></div>
<div class="extension e1"></div>
<div class="extension e2"></div>
</div>
<div id="footer">
<div class="extension"></div>
<address></address>
</div>
</div>
</div>

 

------------------------------------------------------------------------------

 

layout.css

 


@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/*
A CSS framework begins here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
여기서 부터 CSS 프레임웍 입니다. 프레임웍 수정을 권장하지 않습니다. 스킨을 변형할 때 프레임웍 밖에서 선언된 속성으로 덮어쓰기 할 수 있습니다.
*/

/* Layout */
#xe{ position:relative;}
#container{ position:relative;}
#header{ position:relative; clear:both; *zoom:1;}
#header:after{ content:""; display:block; clear:both;}
#body{ position:relative; clear:both; *zoom:1;}
#body:after{ content:""; display:block; clear:both;}
#content{ position:relative; text-align:justify; *zoom:1;}
#content:after{ content:""; display:block; clear:both;}
#footer{ position:relative; clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}
#footer address{ text-align:center;}

/* Layout Width */
.fixed #container{ width:960px; margin-left:auto; margin-right:auto;}
.liquid #container{ width:80%; margin-left:auto; margin-right:auto;}
.hybrid #container{ width:80%; margin-left:auto; margin-right:auto;}

/* Layout Align */
.aLeft #container{ margin-left:0;}
.aRight #container{ margin-right:0;}

/* Header Extension */
#header .extension{ position:relative; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension ul{ position:relative;}
#header .extension li{ position:relative; display:inline; list-style:none;}

/* Footer Extension */
#footer .extension{ position:relative; *zoom:1;}
#footer .extension:after{ content:""; display:block; clear:both;}
#footer .extension ul{ position:relative;}
#footer .extension li{ position:relative; display:inline; list-style:none;}

/* Body Extension */
#body .extension{position:relative; *zoom:1; display:none;}
#body .extension:after{ content:""; display:block; clear:both;}
#body .extension .section{position:relative;}

/* ----- Fixed 1 Column Layout ----- */
.fixed .c #body .e1{ display:block; margin-right:-30px;}
.fixed .c #body .e1 .section{ float:left; width:300px; margin-right:30px;}

/* ----- Liquid 1 Column Layout ----- */
.liquid .c #body .e1{ display:block; margin-right:-3.4%;}
.liquid .c #body .e1 .section{ float:left; width:30%; margin-right:3.3%;}

/* ----- Hybrid 1 Column Layout ----- */
.hybrid .c #body .e1{ display:block; margin-right:-30px;}
.hybrid .c #body .e1 .section{ float:left; width:240px; margin-right:30px;}

/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:220px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:720px;}
.fixed .ce #body #content{ float:left;}
.fixed .ec #body #content{ float:right;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ display:block;}
.fixed .ce #body .e1{ float:right; clear:right;}
.fixed .ec #body .e1{ float:left; clear:left;}

/* ----- Liquid 2 Column Layout ----- */
.liquid .ce #body .e1,
.liquid .ec #body .e1{ width:23%;}
.liquid .ce #body #content,
.liquid .ec #body #content{ width:75%;}
.liquid .ce #body #content{ float:left;}
.liquid .ec #body #content{ float:right;}
.liquid .ce #body .e1,
.liquid .ec #body .e1{ display:block;}
.liquid .ce #body .e1{ float:right; clear:right;}
.liquid .ec #body .e1{ float:left; clear:left;}

/* ----- Hybrid 2 Column Layout ----- */
.hybrid .ce #body{ padding-right:280px;}
.hybrid .ec #body{ padding-left:280px;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ width:260px;}
.hybrid .ce #body #content,
.hybrid .ec #body #content{ width:100%;}
.hybrid .ce #body #content{ float:left;}
.hybrid .ec #body #content{ float:right;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ display:block;}
.hybrid .ce #body .e1{ float:right; clear:right; margin-left:-260px; right:-280px;}
.hybrid .ec #body .e1{ float:left; clear:left; margin-right:-260px; left:-280px;}

/* ----- Fixed 3 Column Layout ----- */
.fixed .cee #body .e1,
.fixed .cee #body .e2,
.fixed .ece #body .e1,
.fixed .ece #body .e2,
.fixed .eec #body .e1,
.fixed .eec #body .e2{ display:block; width:200px;}

.fixed .cee #body #content,
.fixed .ece #body #content,
.fixed .eec #body #content{ width:520px;}

.fixed .cee #body #content{ float:left; margin-right:20px;}
.fixed .ece #body #content{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #content{ float:right;}

.fixed .ece #body .e1,
.fixed .eec #body .e1{ float:left; margin-right:20px;}

.fixed .cee #body .e1,
.fixed .eec #body .e2{ float:left;}

.fixed .cee #body .e2,
.fixed .ece #body .e2{ float:right;}

/* ----- Liquid 3 Column Layout ----- */
.liquid .cee #body .e1,
.liquid .cee #body .e2,
.liquid .ece #body .e1,
.liquid .ece #body .e2,
.liquid .eec #body .e1,
.liquid .eec #body .e2{ display:block; width:20%;}

.liquid .cee #body #content,
.liquid .ece #body #content,
.liquid .eec #body #content{ width:56%;}

.liquid .cee #body #content{ float:left; margin-right:2%;}
.liquid .ece #body #content{ float:left; margin-right:-100%; left:22%;}
.liquid .eec #body #content{ float:right;}

.liquid .ece #body .e1,
.liquid .eec #body .e1{ float:left; margin-right:2%;}

.liquid .cee #body .e1,
.liquid .eec #body .e2{ float:left;}

.liquid .cee #body .e2,
.liquid .ece #body .e2{ float:right;}

/* ----- Hybrid 3 Column Layout ----- */
.hybrid .cee #body .e1,
.hybrid .cee #body .e2,
.hybrid .ece #body .e1,
.hybrid .ece #body .e2,
.hybrid .eec #body .e1,
.hybrid .eec #body .e2{ display:block; width:220px;}

.hybrid .cee #body{ padding-right:480px;}
.hybrid .ece #body{ padding-left:240px; padding-right:240px;}
.hybrid .eec #body{ padding-left:480px;}

.hybrid .cee #body #content,
.hybrid .ece #body #content,
.hybrid .eec #body #content{ width:100%;}

.hybrid .cee #body #content,
.hybrid .ece #body #content{ float:left; margin-right:-100%;}
.hybrid .eec #body #content{ float:right;}

.hybrid .ece #body .e1,
.hybrid .eec #body .e2{ float:left; left:-240px; margin-right:-220px;}
.hybrid .eec #body .e1{ float:left; left:-480px; margin-right:-220px;}

.hybrid .cee #body .e1,
.hybrid .ece #body .e2{ float:right; left:240px; margin-left:-220px;}
.hybrid .cee #body .e2{ float:right; left:480px; margin-left:-220px;}

/*
A CSS framework ends here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
여기까지 CSS 프레임웍 입니다. 프레임웍 수정을 권장하지 않습니다. 스킨을 변형할 때 프레임웍 밖에서 선언된 속성으로 덮어쓰기 할 수 있습니다.
*/


------------------------------------------------------------------------------

 

부탁드립니다.

이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
초보 XE 1.2.0으로 업데이트하는 방법 [1] 2009.06.01 by eqfeqf
interrupt 첨부파일문제... [1] 2009.06.01 by eqfeqf
투자혁명 제로보드,해킹및 바이러스에 대한 대책 문의  
\제로보드/ 서버에요청중입니다. 없애는방법없을까요 [1] 2009.06.01 by wefwef
별사탕FS [분류관리]를 리스트박스 대신 펼쳐 놓고 싶어요 [1] 2009.06.01 by qfeqf
aloud SOS: 제로보드로 만든 페이지가 하얗게 아무 것도 안 보여요 [6] 2009.06.01 by qefef
아담하와 가입시에 인증키삽입  
helpme 1.0.6 버전인데, 업데이트 어떻게 하는거냐구요....ㅠㅠ  
흑 가상 도메인 관련 [3] 2009.05.08 by xe9h0st
난~우연 최근문서출력 위젯 제목글 크기조절과 간격조절 문의 드립니다. [1] file 2009.05.08 by 난~우연
노야 페이지 수정에서 어떤 위젯을 사용 해야 하나요? [1] 2009.05.08 by 백성찬
아리수.arisu XE와 TEXTCUBE [1] 2009.05.08 by 비나무
★미노★ 새로운 게시판 복사로 생성시 확장변수 재설정 문제 [1] 2009.05.08 by 비나무
elancer 카테고리 목록 옆 (괄호)안에 표시되는 게시글 등록 숫자를 없애려고 합니다. [2] file 2009.05.08 by elancer
질문자 글을 쓰는데 3분정도 있으면 기능들이 닫혀버려요,자동저장과 함께.. [1] 2009.05.08 by 비나무
천성민 제로보드 xe에서요.. [1] 2009.05.08 by 비나무
더글더글 이미지 올릴때 [1] 2009.05.08 by 비나무
저글링4마리 시작모듈 체크박스 [2] 2009.05.08 by 료
miso777 페이지의 추가설정과 게시판의 추가설정..? [1] 2009.05.08 by 비나무
오병한 제목 밑에 부제목 입력할 수 있고, 출력할 수 있게 하고 싶은데요...어디에 추가를 해야되죠..ㅠ [1] file 2009.05.08 by 비나무
miso777 XE 캐쉬(Cache)폴더 삭제해도 괜찮은건가요.? [10] file 2009.05.08 by 아름프로
에펠 업그레이드 후 게시판 문제... [9] 2009.05.08 by 아름프로
제발 가르쳐줘. 관리자 로그인이 왜 안되죠.?  
uOne. @if 문 에 대해서 질문 드립니다. [1] 2009.05.08 by 넨네
박은희 게시판관리에서 상단/하단내용 적는 란이요 [1] 2009.05.08 by 넨네
남극백곰 로그인 세로 위치 조정하는 방법 좀 알려주세요 (끌어올림) [1] 2009.05.08 by 넨네
nadul9 모듈 업데이트가 안되고, 시작화면이 하얗게 나오네요.^^; [3] file 2009.05.08 by 비나무
오늘도 글씨가 작게 나와요... [6] 2009.05.08 by 오늘도
christoper liveXE 검색기능을 수정하고 싶습니다.  
날마다 관리자로 로그인하면 제어판 CafeXe 플래닛이란 메뉴만 나오고 관리자 모듈로 안들어갑니다. [3] 2009.05.08 by 비나무
태그 쓰기