묻고답하기

해당 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] 2012.04.09 by 송동우
cycix2 cut_str() 같은 함수를 사용하려면...  
파표 밀라떼 pad에서 하단에 원하는 페이지 나오게끔 하고싶은데 도와주세요 [1] file 2012.04.09 by br's
파릇애국 웹폰트 애드온 적용 시, 페이지가 사라졌습니다.  
센시 갑자기 게시판목록에 썸네일이 보이지않습니다.(첨부) [1] file 2012.04.09 by 한마음^^
몽키매직 게시판글쓰기시 첨부파일없으면 글등록 안되기.. [1] 2012.04.09 by 송동우
광오문주 드롭메뉴를 안보이게 하려고합니다. [1] file 2012.04.09 by 송동우
바부야503 웹 윈도우호스팅/리눅스호스팅 차이점. [2] 2012.04.09 by cycix2
심이의미소 제로보드 외부페이지에 위젯 추가가 되지 않습니다.  
하눅시무 관리자페이지에서 수정했는데 ftp안에 파일은 수정이 안되는건 왜그런거에요??  
천민수 텍스타일과 xe의 데이터 호환? 파일 호환?  
희망샘 content 이미지슬라이더위젯 에러  
메호르 쉬운 설치로 업데이트 하다 홈페이지가 접속이 안됩니다 ㅠㅠ [1] 2020.03.14 by 메호르
희망샘 모바일용에서 본문 이미지가 보이지 않습니다. [1] 2020.03.14
제이미구구 게시판의 읽기 화면을 수정하고 싶은데 어떤 파일? [2] 2020.03.14 by BNU
하눅시무 송동우님.... 그림 추가해놨는데 확인좀 부탁드릴께요....ㅠㅠ [1] file 2012.04.08 by 송동우
박노열 xe1.5.2.2에서 글쓰기 등록하면 나타나는 에러 도움 바랍니다. [1] file 2020.03.14 by 박노열
카이닉스 익명게시판 랜덤 닉네임 애드온? 모듈? 예전에 있지 않았나요?? [2] 2020.03.14 by milaero
희망샘 socialxe 로그인 에러 [2] file 2020.03.14 by BNU
moonsoo77 login_info.html 에서 정회원에게만 링크 보여주기 문의드립니다. [1] 2012.04.08 by 송동우
때린데 또때려 회원가입폼 비밀번호 찾기 질문/답변 삭제및 필수항목 선택 [5] 2012.04.08 by 송동우
희망샘 메인화면이 나타났다 사라지고 404에러가... [2] 2020.03.14
파파민 1.4버젼에서 1.5.2 업 후 레이아웃깨짐(?) 및 에러 메세지..^^;; [3] file 2012.04.08 by 파파민
사과꽃향기5 XE 1.5.2.2 업데이트 후 홈피 접속이 안되요. 도와주세요 [1] 2020.03.14 by 말라랑칼물렁컹이
맛있는우유 xe 위키 사용 도대체 어떻게 하는건가요..  
싹튼감자 익스플로러 호환성 문제.. [1] 2020.03.14 by BNU
토이터 모바일 이미지 리사이즈 문제..제발 도와주세요..ㅠ_ㅠ file  
하눅시무 게시글 닉네임 변경 하려면 phpmyadmin 사용하면 되나요?.... [1] 2012.04.08 by 송동우
살려주세욤 이 게시판때매 디자인이 이상해지네요 뭐죠?.. [1] file 2012.04.08 by 송동우
카이네드 메뉴에 2가지 언어 동시 표현 [1] 2012.04.08 by 송동우