묻고답하기

  2. Support
  3. 묻고답하기

익스플로어6에서만 메인페이지 상단이 뜹니다.

2008.08.06 00:30

이경우808

잡다한 2차 레이아웃으로 홈페이지를 제작 중 인데요..
제 컴이 익스플로어7이라 문제를 못느꼇습니다만 익스플로어6인 다른컴에서 열어보니
좌측 서브메뉴 크기만큼 콘텐츠 메인페이지가 위가 떠버리는 현상이 발생합니다.
문제 레이아웃은 잡다한 2차 서브레이아웃이구요
좌측메뉴부분의 크기를 좀 키웠습니다.
고수님들의 답변 기다립니다..!~~

CSS 소스

/* Site Layout - Content Body */
#contentBody { position:relative; width:950px; padding-bottom:10px; padding-left:0px; padding-right:0px; overflow:hidden; background:url(../images/deepblue/bgContentBody.gif) repeat-y left top; border-bottom:0px solid #dddddd;}

 

/* Site Layout - Column Left */
#columnLeft { position:relative; width:200px; float:left;}
#columnLeft .mask { width:200px; height:5px; background:#ffffff; display:block;}

#submenu_top    { position:relative; width:200px;height:50px;  padding:16px 0px 10px 38px; font-size:16px; font-weight:bold; text-decoration:none; color:#1A4FAB; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; overflow:hidden; background:url(../images/deepblue/submenu_top.gif) no-repeat;  border-bottom:0px solid #dddddd;}
#submenu_inner {  width:105px;}
#submenu_middle { position:relative; width:200px; background:url(../images/deepblue/submenu_middle.gif) repeat-y;}
#submenu_bottom { position:relative; width:200px;height:10px; overflow:hidden; background:url(../images/deepblue/submenu_bottom.gif) no-repeat left top;}

 

 

#lnb { border-top:0px solid #dddddd;  width:200px;margin-bottom:10px;}
#lnb li { list-style:none;margin-top:10px; padding-bottom:4px;}
#lnb li a {margin-top:10px; left:15px; right:12px;width:90px;height:15px;display:block; border-bottom:1px solid #e6e6e6;  color:#3e3e3e; background:url(../images/deepblue/bullet_off.gif) no-repeat left center;position:relative; z-index:99; text-decoration:none;padding:0px 0px 0px 15px;}
#lnb li a:hover,
#lnb li a:focus { color:#ff9900; border-bottom:1px solid #e6e6e6;font-weight:bold;}
#lnb li.on a  {color:#ff9900;height:15px;border-bottom:1px solid #e6e6e6;font-weight:bold;  background:url(../images/deepblue/bullet_on.gif) no-repeat left center;}


#lnb li.on2 a {left:7px; border-bottom:0px;color:#ff9900 !important; font-weight:bold !important; background:url(../images/deepblue/bullet_none.gif) no-repeat; }
#lnb li.on2_else a {left:7px; border-bottom:0px;color:#666666 !important; font-weight:none !important;background:url(../images/deepblue/bullet_none.gif) no-repeat; }


/* Site Layout - Column Right */
#columnCenter {position:relative; top:0px; right:0px; width:740px; height:100%; text-align:left; float:right;}
/*
#columnCenter_top1 { position:relative; width:740px; height:100px; overflow:hidden; background:url(../images/deepblue/columnCenter_top1.gif) no-repeat; left top;}
#columnCenter_top2 { position:relative; width:740px; height:100px; overflow:hidden; background:url(../images/deepblue/columnCenter_top2.gif) no-repeat; left top;}
#columnCenter_top3 { position:relative; width:740px; height:100px; overflow:hidden; background:url(../images/deepblue/columnCenter_top3.gif) no-repeat; left top;}
#columnCenter_top4 { position:relative; width:740px; height:100px; overflow:hidden; background:url(../images/deepblue/columnCenter_top4.gif) no-repeat; left top;}
#columnCenter_top5 { position:relative; width:740px; height:100px; overflow:hidden; background:url(../images/deepblue/columnCenter_top5.gif) no-repeat; left top;}
#columnCenter_top6 { position:relative; width:740px; height:100px; overflow:hidden; background:url(../images/deepblue/columnCenter_top6.gif) no-repeat; left top;}
#columnCenter_top7 { position:relative; width:740px; height:100px; overflow:hidden; background:url(../images/deepblue/columnCenter_top7.gif) no-repeat; left top;}
#columnCenter_top8 { position:relative; width:740px; height:100px; overflow:hidden; background:url(../images/deepblue/columnCenter_top8.gif) no-repeat; left top;}
*/
#visualArea { width:740px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;z-index:97;}

/* Site Layout - Footer */
#footer { border-top:0px solid #f4f4f4; text-align:center;height:50px; padding:30px 0px 0px 0px; clear:both; background:url(../images/deepblue/bottom_barbg.gif) no-repeat left center;}
#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/deepblue/vrType1.gif) no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;text-decoration:none;}
#footer li address { display:inline; }

#copyright {width:950px; border-top:0px solid #f4f4f4; text-align:center;height:25px; padding:0px 0px 10px 0px; clear:both;}
/* deepblue Skin - End */



레이아웃 수정소스

<!-- js 파일 import -->
<!--%import("js/xe_official.js")-->

<!-- 레이아웃과 연동될 css 파일 import -->
<!--@if($layout_info->colorset == "deepblue")-->
    <!--%import("css/deepblue.css")-->
<!--@else-->
    <!--%import("css/default.css")-->
<!--@end-->

<!--@if($layout_info->background_image)-->
<style type="text/css">
    body { 
 background: <!--@if(!$layout_info->background_color)-->#ff6600<!--@else-->{$layout_info->background_color}<!--@end-->
 url({getUrl()}{$layout_info->background_image}) {$layout_info->background_image_repeat} left top; }
</style>
<!--@end-->

<!--@if(!$layout_info->colorset)-->
 {@$layout_info->colorset = "default"}
<!--@end-->

 


<div id="bodyWrap" style="margin:{$layout_info->layout_align}">
 <div id="header">
  <div class="logo"><a href="{$layout_info->index_url}" onfocus="this.blur();"><!--@if(!$layout_info->logo_image)--><img src="./images/{$layout_info->colorset}/zeroBoardXE.png" alt="ZeroBoard™  XE" class="iePngFix" /><!--@else--><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /><!--@end--></a></div>

  <div id="language">
   <strong title="{$lang_type}">{$lang_supported[$lang_type]}</strong> <a href="#selectLang" onclick="showHide('selectLang');return false;"><img src="./images/{$layout_info->colorset}/buttonLang.gif" alt="Select Language" width="87" height="15" /></a>
   <ul id="selectLang">
                <!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)-->
    <li><a href="#" onclick="doChangeLangType('{$key}');return false;">{$val}</a></li>
                <!--@end--><!--@end-->
   </ul>
  </div>

  <!--GNB-->
  <div id="gnb">
            <!-- main_menu 1차 시작 -->
   {@$menu_cnt=0}
            <!--@foreach($main_menu->list as $key => $val)-->
    <!--@if($val['menu_btn'] || $val['active_btn'] || $val['hover_btn'])-->
     <!--@if($val['link'])-->
      <!--@if($val['selected'])-->
       {@ $menu_1st = $val }
      <!--@end-->
      <!--@if($menu_cnt < $layout_info->top_menu_count)-->
      <li <!--@if($val['selected'])-->class="on"<!--@end-->>
       <span class="img_btn">
        <a href="{$val['href']}"
         <!--@if($val['open_window']=='Y')-->
          onclick="window.open(this.href);return false;"
         <!--@end-->
         onfocus="this.blur();"
        >
         
          <!--@if($val['+ '+ 'selected'])--><img src='{$val['active_btn']}' border='+ '0'><!--@else-->{$val['link']}<!--@end-->
         
        </a>
       </span>
      </li><li id='gnb_middle' style='padding:0px {$layout_info->menu_padding} 0px {$layout_info->menu_padding};'><img src='./images/{$layout_info->colorset}/bgGnbMiddle.gif'></li>
      <!--@end-->
     <!--@end-->
    <!--@else-->
      <!--@if($val['link'])-->
      <!--@if($val['selected'])-->
       {@ $menu_1st = $val }
      <!--@end-->

      <!--@if($menu_cnt < $layout_info->top_menu_count)-->
       <!--@if($val['selected'])--><li><img src='./images/{$layout_info->colorset}/bgGnbOn_left.png' alt='right'  /></li><!--@end-->
       <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>
       <!--@if($val['selected'])--><li><img src='./images/{$layout_info->colorset}/bgGnbOn_right.png' alt='right'  /></li><!--@end-->
       <li id='gnb_middle' style='padding:0px {$layout_info->menu_padding} 0px {$layout_info->menu_padding};'><img src='./images/{$layout_info->colorset}/bgGnbMiddle.gif'></li>

      <!--@end-->
     <!--@end-->
    <!--@end-->
    {@$menu_cnt++}

   <!--@end-->

            <!-- main_menu 1차 끝 -->
  </div>
  <!--//GNB-->
  
  <!--top_date-->
  <div id="top_date">
  {@$n_date = date('Y년 m월 d일')}
  오늘은 {$n_date} 입니다.
  </div>

  <!--top_index-->
  <div id="top_index">
   
   <!--@if($logged_info->is_admin=="Y")--><a href={$layout_info->index_url}admin target=_blank><img src="images/{$layout_info->colorset}/btn_admin.gif" border="0" align="absmiddle"></a><!--@end-->
   <!--@if($logged_info)-->
    <!--@if(!$logged_info->is_admin=="Y")-->
    <a href="{$layout_info->index_url}/?&act=dispMemberMessages&member_srl=4"><img src="images/{$layout_info->colorset}/btn_mbox.gif" border="0" align="absmiddle"></a>
    <!--@end-->
   <a href="{$layout_info->index_url}/?act=dispMemberLogout&member_srl="><img src="images/{$layout_info->colorset}/btn_logout.gif" border="0" align="absmiddle"></a>
   <!--@else-->
   <a href="{$layout_info->index_url}/?act=dispMemberLoginForm"><img src="images/{$layout_info->colorset}/btn_login.gif" border="0" align="absmiddle"></a>
   <!--@end-->
   <!--@if(!$logged_info)-->
   <a href="{$layout_info->index_url}/?act=dispMemberSignUpForm&member_srl=" onfocus="this.blur();"><img src="images/{$layout_info->colorset}/btn_join.gif" border="0" align="absmiddle"></a>
   <!--@end-->
   <a href="{$layout_info->index_url}/sitemap" onfocus="this.blur()"><img src="images/{$layout_info->colorset}/btn_sitemap.gif" border="0" align="absmiddle"></a>
  </div>

  
  <!--top_banner-->
  <!-- <div id="top_banner">
  <a href="/request" onfocus="this.blur()"><img src="images/{$layout_info->colorset}/client.gif" align='absmiddle' border="0"></a>
  <a href="http://shopjjang.com" target="_blank" onfocus="this.blur();"><img src="images/{$layout_info->colorset}/shopping.gif" align='absmiddle' border="0"></a>
  </div> -->


  
  <!--GNB_sub-->
  <div id="gnb_sub">        
            <!-- 2차 메뉴 -->
            <!--@if($menu_1st)-->
                {@ $idx = 1 }
     <!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['text'])-->
      <span  <!--@if($val['selected'])-->class="on"<!--@end--> >
      <a href="{$val['href']}" <!--@if($val['open_window']=='Y'+ ')-->onclick="window.open(this.href);return false;"<!--@end--> onfocus='this.blur()'>
      <!--@if($val['selected'])--><img src="./images/{$layout_info->colorset}/arrow.gif" border="0"><!--@end-->{$val['text']}
      </a>
      </span>
     {@$idx++}
     <!--@end-->
                <!--@end-->
   
            <!--@end-->
  </div>
  <!--//GNB-->


  <div id="Search_icon">
   <img src='./images/{$layout_info->colorset}/searchtitle.gif'>
  </div>
  <form action="{getUrl()}" method="post" id="isSearch">
            <input type="hidden" name="mid" value="{$mid}" />
            <input type="hidden" name="act" value="IS" />

   <input name="search_target" type="radio" value="title" id="search_target" class="searchOrder" checked="checked" title="search option" />
   <label for="search_target" class="checked" id="search_target_label" onclick="showHide('selectOrder'); return false">{$lang->title}</label>
   <ul id="selectOrder">
    <li>
     <input type="radio" name="search_target" value="title" id="search_target1" />
     <label for="search_target1" onclick="chkIsKind(1, '{$lang->title}'+ '); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->title}</label>
    </li>
    <li>
     <input type="radio" name="search_target" value="content" id="search_target2" />
     <label for="search_target2" onclick="chkIsKind(2, '{$lang->content}'); return false;" onmouseover="this.className='on'+ '" onmouseout="this.style.background='none'">{$lang->content}</label>
    </li>
    <li>
     <input type="radio" name="search_target" value="title_content" id="search_target3" />
     <label for="search_target3" onclick="chkIsKind(3, '{$lang->title}+{$lang->content}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->title}+{$lang->content}</label>
    </li>
    <li>
     <input type="radio" name="search_target" value="comment" id="search_target4" />
     <label for="search_target4" onclick="chkIsKind(4, '{$lang->comment}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->comment}</label>
    </li>
    <li>
     <input type="radio" name="search_target" value="tag" id="search_target5" />
     <label for="search_target5" onclick="chkIsKind(5, '{$lang->tag}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->tag}</label>
    </li>
   </ul>
   <input name="is_keyword" type="text" class="inputText" title="keyword" />

   <input type="image" src="./images/{$layout_info->colorset}/buttonSearch.gif" alt="{$lang->cmd_search}" class="submit" />
  </form>

 </div>

 <div id="contentBody">

  <div id="columnLeft">
   <!-- 왼쪽 2차 메뉴-->
   <div id="submenu_middle">
    <div id="submenu_top">{$menu_1st['text']}</div>
   
     <div id="submenu_inner">
      <!--@if($menu_1st)-->
      
        <ol id="lnb">
         {@ $idx = 1 }
         <!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['text'])-->

          <!--@if($val['selected'])-->
           {@ $menu_2nd = $val }
          <!--@end-->
         
          
           <!--@if($val['normal_btn'])-->
           <a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->  onfocus="this.blur()">
           <img src="<!--@if($val['selected'])-->{$val['active_btn']}<!--@else-->{$val['normal_btn']}<!--@end-->" <!--@if($val['hover_btn'])-->onMouseOver="this.src='{$val['hover_btn']}'"<!--@end-->
           <!--@if($val['selected'])-->onMouseOut="this.src='{$val['active_btn']}'"<!--@else-->onMouseOut="this.src='{$val['normal_btn']}'"<!--@end-->  border='0'  />
           </a>
           <!--@else-->
            <li <!--@if($val['+ 'selected'] or $val['expand']=='Y')-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->  onfocus="this.blur()">{$val['text']}</a></li>
           <!--@end-->
     
          
           <!-- main_menu 3차 시작 -->
           <!--@if($val['list'])-->

             <!--@foreach($val['list'] as $k => $v)-->

               <li <!--@if($v['selected'])-->class="on2" <class="on2_else"onclick="window.open(this.href);return">!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->  onfocus="this.blur()">
                - {$v['text']}
               </a>
               </li>

             <!--@end-->
           <!--@end-->

          

             

          
         {@$idx++}
           <!--@end-->

         <!--@end-->
         
       </ol>
       <!--@end-->
       <div id="submenu_bottom"></div>
      </div>
     </div>
     
  </div>

  <div id="columnCenter">
  <!--경로지정 현재위치-->
   <!-- <img width="100%" height="100" src="/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="menu_location" body="" skin="default" colorset="normal" widget_cache="0" partition="&gt;" widget_sequence="478252" /> -->
   <!--@if($menu_1st['text']=='메뉴1')-->
    <div id="columnCenter_top1"></div>
   <!--@elseif($menu_1st['text']=='메뉴2')-->
    <div id="columnCenter_top2"></div>
   <!--@elseif($menu_1st['text']=='메뉴3')-->
    <div id="columnCenter_top3"></div>
   <!--@elseif($menu_1st['text']=='메뉴4')-->
    <div id="columnCenter_top4"></div>
   <!--@elseif($menu_1st['text']=='메뉴5')-->
    <div id="columnCenter_top5"></div>
   <!--@elseif($menu_1st['text']=='메뉴6')-->
    <div id="columnCenter_top6"></div>
   <!--@elseif($menu_1st['text']=='메뉴7')-->
    <div id="columnCenter_top7"></div>
   <!--@elseif($menu_1st['text']=='메뉴8'+ ')-->
    <div id="columnCenter_top7"></div>
   <!--@end-->
  {$content}
  </div>
 </div>
 <div id="contentBody_bottom"><img src="./images/{$layout_info->colorset}/bgContentBody_bottom.gif"></div>
 <div id="footer">
  <!-- <li class="first-child">
   <address>
   <a href="http://jobdahan.net" onclick="window.open(this.href);return false;"><img src="./images/{$layout_info->colorset}/jobdahan.gif" alt="Designed by jobdahan.net" /></a>
   </address>

  </li> -->
     {@$menu_cnt=0}
        <!--@foreach($bottom_menu->list as $key => $val)-->
   <!--@if($menu_cnt> 0 && $menu_cnt < 7)-->
    <li><a href="{$val['+ 'href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a></li>
   
   <!--@end-->
   {@$menu_cnt++}
        <!--@end-->
 </div>


 

 

이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
히피♬ 여러가지 XE 질문점 [2] 2008.08.06 by 히피
apollos 홈페이지 메인 페이지가 늦게 뜨는 이유? [4] 2008.08.06 by apollos
이원형 layouts폴더안에 있는 xe_official을 지웠거든요.. [19] 2008.08.06 by 이원형
신비의불 링크관련 질문입니다. [1] 2008.08.06 by 백성찬
apollos 달력을 로그인 밑에 위치시키려면 .. [2] 2008.08.06 by apollos
original 갤러리/웹진 형태로 하면 공백으로 뜹니다.. [2] 2008.08.06 by original
김강렬 컬러셋 자동 변경에 대해.. [1] 2008.08.06 by LunarDream
자안 [긴급] 댓글 ip 안 보이게 하는 방법이요~ [1] 2008.08.06 by 자안
ongage 제데로 안깔려요.... [2] 2008.08.06 by ongage
ak55 db선택후 백지 [1] 2008.08.06 by 백성찬
디지문 비밀글의 제목이 그대로 노출되네요 [1] 2008.08.06 by 백성찬
이원형737 /zbxe/layouts/안에다가 넣었는데요... [2] 2008.08.06 by 이원형
부탁.. 급.. 급 ...xe_documents 테이블이 깨져서.. [1] 2008.08.06 by 백성찬
한심이... db 문제ㅣㅣ [1] 2008.08.06 by 백성찬
정낙훈(xynex) div 질문  
유샤인 제로 보드를 써서 동기회 웹사이트를 설치하고자 합니다... [1] 2008.08.06 by 미완성7구역
TT 기존 제로보드 게시판옮기기~ [1] 2008.08.06 by 미완성7구역
부탁해요 급.. 급 ...xe_documents 테이블이 깨져서.. [3] 2008.08.06 by 미완성7구역
original 게시판 형태가 이렇게 되게 소스 수정하려면.. [2] file 2008.08.06 by original
곽자바 언어세팅에 대해서..  
꽝꽝꽝 게시글이 지워졌는데 살릴수 없나요?? [1] 2008.08.06 by 탑심
이경우808 익스플로어6에서만 메인페이지 상단이 뜹니다.  
레루리 DB, 관리자 정보 입력 후 페이지 정보 팝업창 뜨면서 설치가 안되여 ㅜ.ㅜ [2] 2008.08.05 by 주주주
elise 사진이 엑박 뜨네요  
아모스™ 글 쓰기와 내용보기의 이미지 링크 문제  
anndy 사이트 url 어떻게 바꿔요,,?  
김강렬 컬러셋 자동 변경에 대해..  
Lord Kelvin 최근게시물 IE7에서 뭉쳐보이는 현상  
변경시 회원 닉네임 변경시, 지난게시물의 닉네임이 바뀌지 않네요.  
mean550 최근게시물 css 수정 위치좀 ;; file  
태그 쓰기