묻고답하기

해당 URL:  http://www.dropnote.co.kr/zbxe/?mid=layout_test

질문 내용: 


1. Language Select Widget이 작동하지 않습니다. 스타일시트의 position 과 관련해서 소스가 좀 꼬인 것 같은데 원인을 모르겠습니다 도와주세요 ㅠㅠ;


~layout.html 소스~


<!--%import("css/style.css")-->

<!--%import("images/jquery.droppy.js")-->

<!--%import("images/search.js")-->


<!--상단메뉴-->


<div class="center_wrapper">

<div id="top_menu">


<!--@if($is_logged)-->

<table><tr><td>

<a href="{getUrl('act','dispMemberLogout')}">로그아웃</a> |</td><td> <a href="">사이트소개</a> |</td><td> <a href="">Foreigner</a> |</td><td> <div><img class="zbxe_widget_output" widget="language_select" skin="default" colorset="white" /></div></td>

</tr></table>


<!--@else-->

<table><tr><td>

<a href="{getUrl('act','dispMemberLoginForm')}">로그인</a> |</td><td> <a href="{getUrl('act','dispSocialxeLoginForm')}">Social Login</a> |</td><td> <a href="{getUrl('act','dispMemberSignUpForm')}">회원가입</a> |</td><td> <a href="">사이트소개</a> |</td><td> <a href="">Foreigner</a> |</td><td><img class="zbxe_widget_output" widget="language_select" skin="default" colorset="white" /></td>

</tr></table>

<!--@end-->


</div>

</div>


<!-- 로고 -->

<div class="center_wrapper">

<div id="logo">

<a href="../zbxe/main">

<img src="images/logo.png" alt="logo" />

</a>

</div>

</div>


<!-- Droppy Navigation -->

<div id="globalNavi">

  <ul id="nav">

        <li loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']">

 <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>

            <ul cond="$val1['list']">

                <li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']">

 <a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>

                </li>

            </ul>

        </li>

    </ul>

</div>


<!-- Login 부분 -->


<div class="center_wrapper">

<!--@if($is_logged)-->

<div id="after">

<img src="{$logged_info->profile_image->src}" id="profile" alt="profile" />

<a href="{getUrl('act','dispMemberLogout')}"><img src="images/after_logout.png" alt="logout" id="btn_logout" /></a>

</div>

<!--@else-->

<div id="login">

<img src="images/before_profile.png" alt="profile" /><br />

<a href="{getUrl('act','dispMemberLoginForm')}"><img src="images/before_login.png" alt="login" /></a>

</div>

<!--@end-->

</div>

<!-- Login 부분 끝 -->




<!-- Content -->


<div id="content">

{$content}

<center><img src="images/copyright.png" alt="copyright(c)dropnote all rights reserved." /></center>

</div>


<!--Login 메뉴-->

<div class="center_wrapper">



<div id="login_menu">

<!--@if($is_logged)-->

<a href="{getUrl('act','dispMemberInfo')}"><img src="images/after_info.png" alt="info" /></a>

<a href="{getUrl('act','dispCommunicationMessages')}"><img src="images/after_memo.png" alt="memo" /></a>

<a href="{getUrl('act','dispMemberOwnDocument')}"><img src="images/after_write.png" alt="texts I wrote" /></a>

<!--@end-->


<a href="javascript:toggleDisplay('div1');"><img src="images/search.png" alt="search" /></a>

</div>


<div id="div1">

<form action="{getUrl()}" method="get"><input type="hidden" name="vid" value="{$vid}" /><input type="hidden" name="mid" value="{$mid}" /><input type="hidden" name="act" value="IS" /><input id="searchinput" type="text" name="is_keyword"  value="{$is_keyword}" /><span><input id="btnsubmit" type="image" src="images/search_button.png" value="{$lang->cmd_search}" /></span></form>

</div>

</div>

<!--Login 메뉴 끝-->



<!-- 공지사항-->

<div class="center_wrapper">

<div id="notice">

<table>

<tr>

<td id="nicon">

<img src="images/notice_icon.png" alt="notice_icon" />

</td>

<td id="ncontent">

<img class="zbxe_widget_output" widget="content" skin="default" colorset="black" content_type="document"

 module_srls="288" list_type="normal" tab_type="none" markup_type="table" list_count="1" page_count="1" subject_cut_size="40"

 option_view="title" show_browser_title="Y" show_comment_count="N" show_trackback_count="N" show_category="Y" show_icon="N" order_target="list_order" order_type="desc" thumbnail_type="crop" />

</td>

</tr>

</table>

</div>

</div>

<!-- 공지사항 -->



~css/style.css 소스 ~

/* Body */
body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background: #fafafa; }
body a{text-decoration:none; color:black; font: 돋움;}
body a:hover{text-decoration:underline;}
body a:visited{color:black;}

/* DIV 가운데 정렬용 wrapper */
.center_wrapper{position:absolute; top:0px; left:50%; z-index:3; width:0px; height:0px;}

/* 로고, 상단메뉴 */
#logo { position:relative; top:3px; left:-410px; z-index:300; width:251px; height:151px;}
#top_menu{ position:relative; top: 3px; left:115px; width:506px;}

/* 로그인 전 프로필 */
#login {position:relative; top:44px; text-align:left; width:93px; height:102px;}
*+ #login {left: 132px;}
* #login {left: 132px;}
:root #login {left: 145px;}

/* 로그인 후 프로필 */
#profile{position:relative; left:7px; top:6px; margin: 0px; padding: 0px;}
*+ #after {left: 132px;}
* #after {left: 132px;}
:root #after {left: 145px;}
#after {position:relative; top:44px; text-align:left; width:93px; height:102px; background:url('../layouts/layout/images/after_profile.png'); background-repeat: no-repeat;}
#btn_logout {position:relative; top:10px;}


/* 공지사항 */
#notice {position:relative;left:-230px;top:121px;width:250px;height:20px;}
#nicon {width:29px; height:17px;}
#ncontent {vertical-align:middle;}


/* 로그인 메뉴, 검색 */
#login_menu {position:relative;left:43px;top:125px;width:90px;height:15px;text-align:right;}
#login_menu img{margin-left:3px;}
#div1 {vertical-align:center;display:none; position:relative;left:-5px;top:125px; width:160px; height:34px; padding-left:9px; background:url('../layouts/layout/images/searchbar_bg.png'); background-repeat: no-repeat;} 
#btnsubmit {margin-top:0px; position:relative; top:7px;}
#searchinput {margin:0px; border:0px; width: 110px; height:13px;}

/* droppy 메뉴 */
#globalNavi { position:absolute; top:62px; width:100%; background:url('http://www.dropnote.co.kr/zbxe/layouts/layout/images/nav_bg.png'); height: 57px; padding-top: 3px; text-align: center; font-size:0; z-index:1;}
#nav { width: 240px; margin: 0 auto; position: relative; line-height:1px; text-align: left; z-index:2;}
#nav li { list-style: none; float: left; position: relative; margin:0 0 0 0; padding:0;}
#nav li img { margin:0; padding:0;}
#nav ul { display: none; position: absolute; top: 54px; left: 0; }
* html #nav ul { line-height: 0; }
#nav ul li { float: none; }
#nav ul { width: 120px; }
#nav ul ul { top: 0; left: 121px; }
#nav ul a { 
    display: block;
    width: 108px;
    background:#121212;
    padding: 6px;
    color: #FFF;
    border-bottom: 1px solid #FFF;
    opacity: 0.7;
    filter: alpha(opacity=70);
    zoom: 1;
    line-height: 1;
}
#nav ul a.hover { background: #444; }
/* 추가 */
#nav a { padding:5.5px;}

/* Content div */
#content {position:absolute; top:154px; left:50%; margin-left: -485px; width:970px;}


-----------------------------------------------------------------------
P.S. position_absolute.png
widget.css에서 position:absolute; 부분을 지우니 작동은 합니다만 ㅠㅠ; position이 지정안되니
상단 메뉴 부분이 모두 밀려버리게 되네요 ㅠㅠ;  분명 이 부분에서 꼬인 것 같긴 한데 아무리 해도 해결책이 나오질 않습니다 ㅠㅠ


2. jQuery 메뉴인 Droppy를 적용했는데 작동하지 않습니다 ㅠㅠ; 
위 사이트에 나오는 내용을 참고하여 jquery 파일을 import하고, 요구하는 스크립트도 헤더에 삽입하고 ul과 li로 형식에 맞게 작성했음에도 메뉴가 작동하질 않네요.. 혹시 1번이 해결된다면 이것도 유사한 원인이 아닐까 하여 여쭤봅니다 


-------------------------------------------------------------------------
고수 여러분들 초짜 많이 도와주세요 ㅠㅠ;; 

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
우리들과 질문.. [1] 2014.01.02 by KrteamENT
Choi 2차도메인 DB 연동 질문드립니다 [1] 2014.01.02 by KrteamENT
제왕님 게시판 아이피 [1] 2014.01.02 by KrteamENT
졸라맨 xe에서 글쓰기 하면 태그박스 나오는데, 이거 제거 못하나요? [이미지첨부] [1] file 2014.01.02 by KrteamENT
zombiman 스케치북5 게시판 - 페이지 로딩시 게시판이 자리를 잡아가는 현상 [10] 2014.01.02 by zombiman
dotori 포인트를 초기화해버렸어요.. [2] 2014.01.02 by dotori
바보멍청이 [뉴비] 간단한 해상도 조절이 어려워 질문 올립니다... [3] file 2014.01.02 by KrteamENT
핸소 메뉴생성해서 클릭하면 not found라고 뜹니다. [1] 2014.01.02 by KrteamENT
달자ㅋㅋ 게시판 형태 변경 문의입니다. [1] file 2014.01.02 by KrteamENT
달자ㅋㅋ 사이트 디자인 설정에 '모바일' 메뉴가 있던데, [2] file 2014.01.02 by KrteamENT
아트제로 Contact us 메일이 깨져서 옵니다. XE에서 폼메일 사용하기. [2] file 2014.01.02 by 용초딩
캠핑메이트 게시판 설정에서 허용 확장자에 뭐라고 입력해야 아무런 파일도 못올리게 할 수 있을까요?? [2] 2014.01.02 by 캠핑메이트
enzoy 두개의 아이디를 하나로 병합하려면  
캠핑메이트 이미지프로세스 모듈 이미지 축소 사용함으로 해놓으셨나요? [4] 2014.01.02 by 캠핑메이트
진파파 1.5버젼에서 1.7.3으로 업데이트했는데 오류발생 누구좀 도와주세요  
캠핑메이트 첨부파일 올리는것 png,jpg 만 가능하게 해주고 싶은데요.. [3] 2014.01.02 by 캠핑메이트
야옹이님 네오애드라는 곳의 광고검색 api를 xe 검색에 등록하고 싶은데요.  
참빛바다 php if문에서 맨뒤 확장자 구분하기 [2] 2014.01.02 by 참빛바다
ToFinder 호스팅 이전 후 로그인 아이디로 로그인이 안됩니다. [3] 2014.01.02 by ToFinder
최태진814 개시물 링크 관련 질문 드립니다. [1] 2014.01.02 by sejin7940