묻고답하기

  2. Support
  3. 묻고답하기

2단 메뉴 익스플로워 8에서만 되요.. ㅠ.ㅠ

2012.02.06 10:45

양희종1

안녕하세요. 홈페이지 를 xe(제로보드로) 제작하였습니다.
레이아웃 스킨을 이용해서 2단 메뉴를 만들었는데
익스플로워 8에서는 정상적으로 작동이 됩니다.
하지만 익스플로워 9에선 호환성버튼을 눌러야 작동이되고,
또 크롬이나 다른 익스플로워에선 2단 메뉴가 나오지 않아요.

소스는 아래와 같습니다..

고수님들 도와주세요. 모든(유명) 익스플로워에서 2단 메뉴를 사용하고 싶습니다. 

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


<div id="layoutBody">

<div id="headerWhole" <!--@if($layout_info->headerWholeBg)-->style="border-bottom:4px solid #014D7E; background:url('{$layout_info->headerWholeBg}')"<!--@end-->>
<div id="header" onmouseover="hiddenSecondMenu()" <!--@if($layout_info->headerBg)-->style="background:url('{$layout_info->headerBg}')"<!--@end-->>
 <div id="headerTopRight">
 <!--최상단 우측 내용-->
 <!--@if($layout_info->headerTopRightLeft)-->
  <div id="headerTopRightLeft">
   {$layout_info->headerTopRightLeft}
  </div>
 <!--@end-->
 <!--최상단 우측 로그인정보-->
 <!--@if($layout_info->headerTopRightLogin == "use")-->
  <div id="headerTopRightLogin">
   <!--@if($logged_info)-->
        <!--@end-->
   </div>
  <!--@elseif($layout_info->headerTopRightLogin == "notuse")-->
  <!--@end-->
 </div>
 <!--상단 로고-->
 <!--@if($layout_info->headerLogo)-->
  <div id="headerLogo">
   <a style="width:160px; height:37px; display:block;" href="{$layout_info->homepage_url}"><img src="{$layout_info->headerLogo}" width="160" height="37" /></a>
  </div>
 <!--@end-->
</div>
</div>

<!--상단 우측 로그인정보 클릭 시 나타나는 로그인폼-->
<div id="headerTopRightLoginWiget">
<img class="zbxe_widget_output" widget="login_info" skin="Forhanbi_login" colorset="forhanbi1.5" />
</div>

<!--상단 1차메뉴-->
<div id="headerFirstMenu">
 <img style="float:left;" src="images/top_menu_bg_left.gif" />
 <ul id="headerFirstMenuUl">
  {@ $firstMenuCount=1}
  <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
   <li <!--@if($val['selected'])-->class="on2"<!--@end-->><a href="{$val['href']}" onmouseover="showSecondMenu({$firstMenuCount})" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
   {@ $firstMenuCount++}
  <!--@endif--><!--@endforeach-->
 </ul>
 <img style="float:left;" src="images/top_menu_bg_right.gif" />
</div>

<!--상단 2차메뉴-->
<div id="headerSecondMenu" >
 {@ $secondMenuCount=1}
 <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
  {@ $menu_1st = $val }
  <ol <!--@if($menu_1st['list'])-->style="border-bottom:1px solid #000000; border-right:1px solid #000000;"<!--@end--> id="headerSecondMenuOl{$secondMenuCount}">
   <!--@foreach($menu_1st['list'] as $key => $val)-->
    <li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
   <!--@end-->
  </ol>
  {@ $secondMenuCount++}
 <!--@endif--><!--@endforeach-->
</div>


<!--컨텐트 시작-->
<div id="content" onmouseover="hiddenSecondMenu()">
 <div id="contentRight">
  <div id="contentRightTop">
   <div id="contentRightTopCategory">
    <strong>·</strong> <a href="{$layout_info->homepage_url}">HOME</a>
    <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
     <!--@if($val['selected'])-->
      {@ $menu_1st_2 = $val }
       > {$val['link']}
      <!--@foreach($menu_1st_2['list'] as $key => $val)--><!--@if($val['link'])-->
       <!--@if($val['selected'])-->
        > <font color="#88ADC5">{$val['link']}</font>
       <!--@end-->
      <!--@endif--><!--@endforeach-->
     <!--@end-->
    <!--@endif--><!--@endforeach-->
   </div>
   <ol id="contentRightTopSecondMenuOl">

    <!--@foreach($menu_1st_2['list'] as $key => $val)--><!--@if($val['link'])-->
     <!--@if($val['selected'])-->
      <li>{$val['link']}</li>
     <!--@end-->
    <!--@endif--><!--@endforeach-->
   </ol>
  </div>
  <div id="contentRightBottom">
   {$content}
  </div>
 </div>

 <div id="contentLeft">
  <ul id="contentLeftFirstMenuUl">
   <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
    <!--@if($val['selected'])-->
     {@ $menu_1st_3 = $val }
     <li <!--@if($val['selected'])-->class="on"<!--@end-->>{$val['link']}</li>
    <!--@end-->
   <!--@endif--><!--@endforeach-->
  </ul>
  <ol id="contentLeftSecondMenuOl">
   <!--@foreach($menu_1st_3['list'] as $key => $val)--><!--@if($val['link'])-->
    <li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>○ {$val['link']}</a></li>
   <!--@endif--><!--@endforeach-->
  </ol>
  <!--@if($layout_info->contentLeftBottom)-->
   <div id="contentLeftBottom">
    {$layout_info->contentLeftBottom}

   </div>
  <!--@end-->
 </div>
</div>



<div id="footer">
 <!--@if($layout_info->footerLogo)-->
  <div id="footerLogo" >
   <a style="width:127px; height:58px; display:block;" href="{$layout_info->homepage_url}"><img src="{$layout_info->footerLogo}" width="127" height="58" /></a>
  </div>
 <!--@end-->
 <!--@if($layout_info->footerCopyright)-->
  <div id="footerCopyright">
   {$layout_info->footerCopyright}
  </div>
 <!--@end-->
 <!--@if($layout_info->footerRightImage)-->
  <div id="footerRightImage">
   <a style="width:80px; height:58px; display:block;" href="{$layout_info->footerRightImageUrl}" target="footerRightImage"><img src="{$layout_info->footerRightImage}" width="80" height="80" /></a>
  </div>
 <!--@end-->
 <!--@if($layout_info->footerBottom)-->
  <div id="footerBottom">
   {$layout_info->footerBottom}
  </div>
 <!--@end-->
</div>



</div>



<script>
//상단 1차메뉴 마지막 리스트 마디 및 여백 없애는 스크립트
<!--@if($main_menu->list)-->
firstMenuLength=headerFirstMenuUl.children.length;
headerFirstMenuUl.children[firstMenuLength-1].style.paddingRight=0;
headerFirstMenuUl.children[firstMenuLength-1].style.marginRight=0;
headerFirstMenuUl.children[firstMenuLength-1].style.background="none";
<!--@end-->


//상단 1차메뉴 마우스오버 시 2차메뉴 슬라이드 함수
function secondMenuSlide(){
 if(headerSecondMenu.offsetHeight<secondMenuHeight){
  headerSecondMenu.style.height=heightNum;
  heightNum=heightNum+7;
  setTimeout("secondMenuSlide()",10);
 }
 else{
  headerSecondMenu.style.height=secondMenuHeight;
 }
}


//상단 1차메뉴 마우스오버 시 2차메뉴 위치조정하고 나타나게 하는 함수
function showSecondMenu(n){
<!--@if($main_menu->list)-->
 heightNum=0;
 headerSecondMenu.style.height=0;
 headerSecondMenuLeft=0;
 //상단 2차메뉴 위치조정
 for(i=1;i<=n;i++){
  headerSecondMenuLeft=headerSecondMenuLeft+headerFirstMenuUl.children[i-1].offsetWidth;
 }
 headerSecondMenu.style.left=headerSecondMenuLeft+74;
 //선택된 상단 1차메뉴의 2차메뉴만 나타나게 하는 부분
 for(i=1;i<=firstMenuLength;i++){
  headerFirstMenuUl.children[i-1].className="off";
  document.getElementById('headerSecondMenuOl'+i).style.display="none"; 
 }
 headerFirstMenuUl.children[n-1].className="on";
 document.getElementById('headerSecondMenuOl'+n).style.display="block";
 secondMenuHeight=document.getElementById('headerSecondMenuOl'+n).offsetHeight;
 secondMenuSlide();
<!--@end-->
}

//상단 2차메뉴 사라지게 하는 함수
function hiddenSecondMenu(){
 <!--@if($main_menu->list)-->
 for(i=1;i<=firstMenuLength;i++){
  headerFirstMenuUl.children[i-1].className="off";
  document.getElementById('headerSecondMenuOl'+i).style.display="none"; 
 }
<!--@end-->
}

//상단 우측 로그인정보 클릭 시 나타나는 로그인폼
loginNum=0;
function showLoginForm(){
 if(loginNum==0){
  headerTopRightLoginWiget.style.display="block";
  loginNum=1;
 }
 else{
  headerTopRightLoginWiget.style.display="none";
  loginNum=0; 
 }
}
</script>
이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
술먹는하마 xe 게시판 본문 글까지 나눔고딕을 적용하고 싶어요. [1] 2013.10.06 by 오르막
도똥락 XE 시작페이지 설정 어떻게 하죠. [1] 2013.11.11 by 컴매냐
도똥락 시작페이지 설정 어떻게하죠? [1] 2013.10.06 by novelic
마늘방구 세로정렬 하는법.. file  
설리반 게시글 수정시에 똑같은 글이 등록 됩니다.. [1] 2013.10.05 by trustech
쫑효다컴 xe를 사용하고 있는데 간단한 리스트와 주문하기를 하려고하는데요(결재는필요없고요)  
koreafeel 스케치북 스킨문의 드려요  
상큼하게 메모장을 페이지에 어떻게 넣을 수 있나요?  
veam 첨부 이미지 게시판 스킨에 띄우는 방법  
gggggggggg 티스토리계정사진 [1] 2013.10.05 by 스비라
죽방망이 유투브 플레이어..게시판은??  
아싸리방가 회원가입후 다음페이지가 찾을수없는페이지라고 뜰때  
Okanari 간단한 쇼핑몰 제작 할때 궁금점입니다 ㅎ [1] 2013.10.04 by sejin7940
요로꼬롬ㅋ 관리자 ID를 변경하고 싶습니다. [1] 2013.10.04 by 투씨
구름나무바위 언어팩을 사용하는 경우와 그냥 바로 HTML에 글자를 적을때 속도 차이가 있을까요? [1] 2013.10.04 by 퍼니엑스이
踐娥花 회원가입 폼 질문입니다. [1] file 2013.10.04 by sejin7940
그리마 검색 쿼리 수정하려면 어떤 파일을 열어야 하나요? [1] 2013.10.04 by 투씨
야마돌끼 관리자화면이 깨져서보입니다! [1] file 2013.10.04 by kimosee
kimosee 관리자 화면이 깨지면서 작동을 안하네요 [1] 2013.10.04 by kimosee
bea짱이 게시판에 댓글이 많이 달릴시 페이지 문제때문에 질문드려요 [1] file 2013.10.04 by 투씨
태그 쓰기