현재 제 컴퓨터 작업환경은 익스플로러9 (윈7 64bit)이구요~

 

익플9에서는 어느정도 메뉴가 잘 보이긴 하는데...

 

크롬이나 익스10 들어가니까 위 상단메뉴가 막 깨져서 나오네요 ㅠㅠ

 

모바일도 마찬가지구요..

 

아마 파폭,크롬,익스9이상 또는 9이하에서도 깨져서 나올것같아요.

 

이것저것 둘러보니까 레이아웃이 잘못됬다고 하는데... 초짜라 잘 모르겠네요..

 

 

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");

//print_r2(get_defined_constants());

// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.

$table_width = 960;
?>

 

<table width="<?=$table_width?>" height="77" cellpadding="0" cellspacing="0" border="0" align="center">
 <tr>
  <td>
  <table width="100%" cellpadding="0" cellspacing="0" border="0">
   <tr>
    <td height="30" align="right" colspan="3" valign="top" class="small">
    <? if (!$member['mb_id']) { ?>
    <!-- 로그인 이전 -->
    <a href="<?=$g4['bbs_path']?>/login.php?url=<?=$urlencode?>" class="small">로그인</a>
      |  <a href="<?=$g4['bbs_path']?>/register.php" class="small">회원가입</a></td>
    <? } else { ?>
    <!-- 로그인 이후 -->
    <a href="<?=$g4['bbs_path']?>/logout.php" class="small">로그아웃</a>
      |  <a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php" class="small">정보수정</a>  |  <a href="javascript:win_memo();" class="small">쪽지함</a>  |  <a href="javascript:win_point();" class="small">포인트(<?=$member[mb_point]?>점)</a>
    <? if($is_admin) { ?>
      |  <a href="<?=$g4['admin_path']?>/" class="small">관리자페이지</a>
    <? } } ?>
    </td>
   </tr>
  </table>
  <table cellpadding="0" cellspacing="0" border="0">
   <tr>
    <td><a href="<?=$g4[path]?>/" style="font-family:'NG3';font-size:30px;">홈페이지로고</a></td>
    <td width="80" align="center"></td>
    <td>

    <script type="text/javascript">
     var TimeOut         = 300;
     var currentLayer    = null;
     var currentitem     = null;
     var currentLayerNum = 0;
     var noClose         = 0;
     var closeTimer      = null;
     
     // Open Hidden Layer
     function mopen(n) {
      var l  = document.getElementById("menu"+n);
      var mm = document.getElementById("mmenu"+n);
      if(l) {
       mcancelclosetime();
       l.style.visibility='visible';
       if(currentLayer && (currentLayerNum != n))
        currentLayer.style.visibility='hidden';
       currentLayer = l;
       currentitem = mm;
       currentLayerNum = n;
      } else if(currentLayer) {
       currentLayer.style.visibility='hidden';
       currentLayerNum = 0;
       currentitem = null;
       currentLayer = null;
      }
     }
     
     // Turn On Close Timer
     function mclosetime() {
      closeTimer = window.setTimeout(mclose, TimeOut);
     }
     
     // Cancel Close Timer
     function mcancelclosetime() {
      if(closeTimer) {
       window.clearTimeout(closeTimer);
       closeTimer = null;
      }
     }
     
     // Close Showed Layer
     function mclose() {
      if(currentLayer && noClose!=1) {
       currentLayer.style.visibility='hidden';
       currentLayerNum = 0;
       currentLayer = null;
       currentitem = null;
      } else {
       noClose = 0;
      }
      currentLayer = null;
      currentitem = null;
     }
     
     // Close Layer Then Click-out
     document.onclick = mclose;
    </script>

    <style>
     #dd { margin: 0; padding: 0 }
     #dd li { margin: 0; padding: 0; list-style: none; float: left; }
     #dd li a.menu { font-family:'NG3';display: block; font-size:17px; font-weight:bold; }
     font-weight:bold; }
     .submenu { margin-top:10px; width:162px; border: 0px solid; visibility: hidden; position: absolute; z-index: 3 }
     .submenu a { display: block; font-size: 11px; color: #000000; background-color: #FFFFFF; opacity:0.9; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; text-align: left; text-decoration: none; padding: 10px; }
     .submenu a:hover { color: #000000; font-size: 11px; font-weight:bold; }
    </style>

    <table cellspacing="0" cellpadding="0" border="0">
     <tr>
     

 

 

      <td>

 

 

      <ul id="dd">
      
       <li>
        <a href="<?=$g4[path]?>/sub1/home.htm" class="menu" id="mmenu1" onmouseover="mopen(1);" onmouseout="mclosetime();"><img src="<?=$g4[path]?>/img/icon//Balloon.png" align="absmiddle">  홈페이지 소개  <img src="<?=$g4[path]?>/img/menu_line.png">  </a>
        <div class="submenu" id="menu1" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">

 

 

        </div>
       </li>

       
       
      </ul>

      

 

      <ul id="dd">
      
       <li>
        <a href="<?=$g4[bbs_path]?>/board.php?bo_table=data2" class="menu" id="mmenu2" onmouseover="mopen(2);" onmouseout="mclosetime();"><img src="<?=$g4[path]?>/img/icon/Internet explorer.png" align="absmiddle">  자유 게시판  <img src="<?=$g4[path]?>/img/menu_line.png">  </a>
        <div class="submenu" id="menu2" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">

        </div>
       </li>

       

       
      </ul>

      

 

      <ul id="dd">
      
       <li>
        <a href="#" class="menu" id="mmenu3" onmouseover="mopen(3);" onmouseout="mclosetime();"><img src="<?=$g4[path]?>/img/icon/Download.png" align="absmiddle">  자료실  <img src="<?=$g4[path]?>/img/menu_line.png">  </a>
        <div class="submenu" id="menu3" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
         <div><img src="<?=$g4[path]?>/img/submenu_top.png"></div>

 

         <a href="<?=$g4[bbs_path]?>/board.php?bo_table=gallery1">A1</a>
         <a href="<?=$g4[bbs_path]?>/board.php?bo_table=gallery3">A2</a>
         <a href="<?=$g4[bbs_path]?>/board.php?bo_table=gallery2">A3</a>
         <a href="<?=$g4[bbs_path]?>/board.php?bo_table=data3">A4</a>

 

        </div>
       </li>

       

       
      </ul>

      

 

      <ul id="dd">
      
       <li>
        <a href="#" class="menu" id="mmenu4" onmouseover="mopen(4);" onmouseout="mclosetime();"><img src="<?=$g4[path]?>/img/icon/OK smile.png" align="absmiddle">  문의하기  <img src="<?=$g4[path]?>/img/menu_line.png">  </a>
        <div class="submenu" id="menu4" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
         <div><img src="<?=$g4[path]?>/img/submenu_top.png"></div>

 

         <a href="<?=$g4[bbs_path]?>/board.php?bo_table=faq2">B1</a>
         <a href="<?=$g4[bbs_path]?>/board.php?bo_table=main01">B2</a>

 

        </div>
       </li>

       

       
      </ul><a href=""><img src="<?=$g4[path]?>/images/nateon.png"></a>

 

 

      </td>

      

 

     </tr>
    </table>

      

 

    </td>
   </tr>
  </table>
  </td>
 </tr>
</table>

<? if($bo_table) { ?>
<div style='height:5px;border-bottom:1px solid #ffe00f;'></div>
<div style='height:5px;border-top:1px solid #ffe00f;'></div>

<table width="<?=$table_width?>" cellpadding="0" cellspacing="0" border="0" align="center">
 <tr><td height="20"></td></tr>
 <tr>
  <td><img src="<?=$g4[path]?>/img/body_top.png"></td>
 </tr>
 <tr>
  <td background="<?=$g4[path]?>/img/body_center.png" style="padding:23px;">
  <table width="100%" cellpadding="0" cellspacing="0" border="0">
   <tr>
    <td>
    <table>
     <tr>
      <td><span class="title"><?=$board[bo_subject]?></span></td>
      <td width="40" align="center"><img src="<?=$g4[path]?>/img/menu_line.png"></td>
      <td><?=$board[bo_10]?></td>
     </tr>
    </table>
    </td>
    <td align="right" class="small">HOME <font color="#CCCCCC">|</font> <?=$group[gr_subject]?> <font color="#CCCCCC">|</font> <?=$board[bo_subject]?></td>
   </tr>
  </table>
  </td>
 </tr>
 <tr>
  <td><img src="<?=$g4[path]?>/img/body_bottom.png"></td>
 </tr>
 <tr><td height="20"></td></tr>
 <tr>
  <td align="center">
<? } else { ?>

<table width="100%" height="219" cellpadding="0" cellspacing="0" border="0">
 <tr>
  <td height="200" background="<?=$g4[path]?>/img/bg_container.jpg">

  <table width="<?=$table_width?>" cellpadding="0" cellspacing="0" border="0" align="center">
   <tr>
    <td style="font-family:'NG3'; font-size:40px; font-weight:bold; color:#ffe40c; filter:shadow(color=#000000, Strength=10);"> 홈페이지 커뮤니티</td>
   </tr>
   <tr><td height="15"></td></tr>
   <tr>
    <td height="23" style="font-family:'NG2'; font-size:20px; font-weight:bold; color:#CCCCCC;   filter:shadow(color=#000000, Strength=4);">정보를 공유하는 커뮤니티입니다.</td>
   </tr>
   <tr>
    <td height="23" style="font-family:'NG2'; font-size:20px; font-weight:bold; color:#CCCCCC; filter:shadow(color=#000000, Strength=4);">문자문의:*** 개인정보보호를 위한 휴대폰번호 노출방지 ***</td>
   </tr>
  </table>

  </td>
 </tr>
 <tr><td height="20"></td></tr>
</table>
<table width="<?=$table_width?>" cellpadding="0" cellspacing="0" border="0" align="center">
 <tr>
  <td align="center">
<? } ?>