묻고답하기

  2. Support
  3. 묻고답하기

레이아웃 - 크롬에서 깨져요

2010.10.25 17:56

김현빈420

저희 교회 홈페이지는 

익스플로러 7이상에서 잘 작동합니다.

하지만, 



구글 크롬이나, 사파리에서 보며


내용이 밀리는 현상이 발생합니다..

원인이 뭘까요?


도와 주실 수 있는분 없으신이요?


교회 홈페이지 입니다.


http://www.inskyc.net



그리고 혹시나 해서 레이아웃 

태그도 한번 적어 봅니다.













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


<div id="layoutBody">




<div id="header">

 <div id="headerTop">

  <div id="headerTopLeft">

   <a style="width:46px; height:18px; margin-right:4px; float:left; display:block;" href="{$layout_info->homepage_url}"><img src="images/header_btn_home.gif"></a>

   <!--최상단 좌측 HOME 우측 내용-->

   <div id="headerTopLeftHomeRight">

    <!--@if($layout_info->headerTopLeftHomeRight)-->

     {$layout_info->headerTopLeftHomeRight}

    <!--@end-->

   </div>

   <!--최상단 우측 내용-->

   <div id="headerTopRight">

    <!--@if($layout_info->headerTopRight)-->

     {$layout_info->headerTopRight}

    <!--@end-->

   </div>

  </div>

 </div>

 <div id="headerMiddle">

  <!--상단로고-->

  <!--@if($layout_info->headerMiddleLogo)-->

  <div id="headerMiddleLogo">

   <a style="width:115px; height:28px; display:block;" href="{$layout_info->homepage_url}"><img src="{$layout_info->headerMiddleLogo}" width="115" height="28" /></a>

  </div>

  <!--@end-->

  <!--상단로고 우측 선택된 1차메뉴-->

  <div id="headerMiddleLogoLeftFirstMenu">

   <ul id="headerMiddleLogoLeftFirstMenuUl">

    <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->

     <!--@if($val['selected'])-->

      {@ $menu_1st = $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-->

    <!--@endif--><!--@endforeach-->

   </ul>

  </div>

  <!--상단중앙 배너이미지-->

  <!--@if($layout_info->headerMiddleCenterBnr)-->

  <div id="headerMiddleCenterBnr">

   <a style="width:300px; height:50px; display:block;" href="{$layout_info->headerMiddleCenterBnrUrl}" target="centerBnr"><img src="{$layout_info->headerMiddleCenterBnr}" width="300" height="50" /></a>

  </div>

  <!--@end-->

  <!--상단중앙 우측 내용-->

  <!--@if($layout_info->headerMiddleRight)-->

  <div id="headerMiddleRight">

   {$layout_info->headerMiddleRight}

  </div>

  <!--@end-->

 </div>

 <div id="headerMenu">

  <div id="headerMenuTop">

   <img style="float:left;" src="images/nav_barBgLeft.gif" />

   <div id="headerMenuFirst">

    <!--상단 1차메뉴-->

    <ul id="headerMenuFirstUl">

     {@ $firstMenuCount=1}

     <!--@foreach($main_menu->list as $key => $val)-->

     <!--@if($val['link'])-->

      <li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" onmouseover="showSubmenu({$firstMenuCount})" <!--@if($val['open_window']=='Y'+ '+ ')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>

     <!--@endif-->

     {@ $firstMenuCount++}

     <!--@endforeach-->

    </ul>

    <!--상단 1차메뉴 우측 내용-->

    <!--@if($layout_info->headerMenuFirstRight)-->

     <img style="float:left;" src="images/sub_barBgLeft.gif" />

     <div id="headerMenuFirstRight">

      {$layout_info->headerMenuFirstRight}

     </div>

     <img src="images/sub_barBgRight.gif" />

    <!--@end-->

    <!--상단 1차메뉴 우측 검색창-->

    <div id="headerMenuFirstRightSearch">

     <form action="{getUrl()}" method="post">

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

       <input type="hidden" name="vid" value="{$vid}" />

      <!--@end-->

      <input type="hidden" name="mid" value="{$mid}" />

      <input type="hidden" name="act" value="IS" />

      <input type="hidden" name="search_target" value="title_content" />

      <input name="is_keyword" type="text" class="inputText" title="keyword" />

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

     </form>

    </div>

   </div>

   <img src="images/nav_barBgRight.gif" />

  </div>

  <div id="headerMenuBottom">

   <!--상단 2차메뉴-->

   <div id="headerMenuSecond">

    {@ $firstMenuCount=1}

    <!--@foreach($main_menu->list as $key => $val)-->

     {@ $menu_1st_2 = $val }

     <ol id="headerMenuSecondOl{$firstMenuCount}">

      <!--@foreach($menu_1st_2['list'] as $key => $val)--><!--@if($val['+ 'link'])-->

       <!--@if($val['selected'])-->

        {@ $menu_2nd = $val }

       <!--@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>

      <!--@endif--><!--@endforeach-->

     </ol>

     {@ $firstMenuCount++}

    <!--@endforeach-->

   </div>

   <div id="headerMenuBottomRight">

    <!--상단 2차메뉴 우측 로그인정보 좌측 내용-->

    <!--@if($layout_info->headerMenuBottomRightLeft)-->

     <div id="headerMenuBottomRightLeft">

      {$layout_info->headerMenuBottomRightLeft}

     </div>

    <!--@end-->

    <!--상단 2차메뉴 우측 로그인정보-->

    <ul id="headerMenuBottomRightLoginUl">

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

      <li><a href="{getUrl('act','+ 'dispMemberLogout')}">로그아웃</a></li>

      <li><a href="{getUrl('act','dispMemberInfo')}">정보수정</a></li>

      <!--@if($logged_info->is_admin=="Y" && !$site_module_info->site_srl)-->

       <li><a href="{getUrl(','module','admin')}" onclick="window.open(this.href);return false;">{$lang->cmd_management}</a>

      <!--@end-->

     <!--@else-->

      <li><a href="#" onclick="showLoginForm()">로그인</a></li>

      <li><a href="{getUrl('act','dispMemberSignUpForm')}">회원가입</a></li>

     <!--@end-->

    </ul>

   </div>

   <!--상단 2차메뉴 우측 로그인정보 클릭 시 나타나는 로그인폼-->

   <div id="headerMenuBottomRightLoginWiget">

    <img src="./images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="xe_official" colorset="{$layout_info->colorset}" />

   </div>

  </div>

 </div>

</div>




<!--컨텐트 시작-->

<div id="content">

 <div id="contentLeft">

  <div id="contentLeftMenu">

   <!--컨텐트 좌측 선택된 2차메뉴-->

   <ul id="contentLeftSecondMenuUl">

    <!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['link'])-->

     <!--@if($val['selected'])-->

      <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-->

    <!--@endif--><!--@endforeach-->

   </ul>

   <!--컨텐트 좌측 3차,4차메뉴-->

   <ol id="contentLeftThirdMenuOl">

    <!--@foreach($menu_2nd['list'] as $key => $val)--><!--@if($val['link'+ '])-->

     <li <!--@if($val['selected'+ '])-->class="on"<!--@end-->><img style="padding:0px 5px 0px 15px; float:left;" src="<!--@if($val['selected'])-->images/icon_subMenu_on.gif<!--@else-->images/icon_subMenu_off.gif<!--@end-->" /><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a>

     <!--@if($val['selected'])-->

      {@ $menu_3th = $val }

      <ul id="contentLeftFourthMenuUl">

       <!--@foreach($menu_3th['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-->

      </ul>

     <!--@end-->

     </li>

    <!--@endif--><!--@endforeach-->

   </ol>

  </div>

  <!--컨텐트 좌측메뉴 아래 내용-->

  <!--@if($layout_info->contentLeftMenuBottom)-->

   <div id="contentLeftMenuBottom">

    <img src="images/sub_scroll_top.gif" />

    <div id="contentLeftMenuBottomContent">

     {$layout_info->contentLeftMenuBottom}

    </div>

    <img src="images/sub_scroll_bottom.gif" />

   </div>

  <!--@end--> 

 </div>

 <div id="contentRight">

  {$content}

 </div>

</div>




<div id="footer">

 <img style="float:left;" src="images/footer_barBgLeft.gif" />

 <div id="footerContent">

  <!--하단로고-->

  <!--@if($layout_info->footerLogo)-->

   <div id="footerLogo">

    <a style="width:123px; height:55px; display:block;" href="{$layout_info->footerLogoUrl}"><img src="{$layout_info->footerLogo}" width="123" height="55" /></a>

   </div>

  <!--@end-->

  <!--하단로고 우측 주소,저작권정보 등-->

  <!--@if($layout_info->footerCopyright)-->

   <div id="footerCopyright">

    {$layout_info->footerCopyright}

   </div>

  <!--@end-->

  <a id="footerTopImage" style="width:38px; height:17px; display:block;" href="#"><img src="images/footer_btn_top.gif" /></a>

 </div>

 <img src="images/footer_barBgRight.gif" />

</div>




</div>




<script>

firstMenuLength=headerMenuFirstUl.children.length;


//선택된 상단 1차메뉴의 2차메뉴 위치변경하고 나타나게 하는 스크립트

<!--@if($main_menu->list)-->

firstMenuWidth=0;

for(i=1;i<=firstMenuLength;i++){

 if(headerMenuFirstUl.children[i-1].className=="on"){

  for(j=1;j<=i;j++){

   firstMenuWidth=firstMenuWidth+headerMenuFirstUl.children[j-1].offsetWidth;

  }

  document.getElementById("headerMenuSecondOl"+i).style.display="block";

 }

 else{

  document.getElementById("headerMenuSecondOl"+i).style.display="none";

 }

}

if(headerMenuFirstUl.children[0].className=="on"){

 headerMenuSecond.style.left=firstMenuWidth-headerMenuFirstUl.children[0].offsetWidth+35;

}

else{

 headerMenuSecond.style.left=firstMenuWidth-headerMenuFirstUl.children[0].offsetWidth+37;

}

<!--@end-->


//마우스 오버 시 상단 2차메뉴 위치변경하고 나타나게 하는 함수

function showSubmenu(n){

<!--@if($main_menu->list)-->

 firstMenuWidth=0;

 for(i=1;i<=n;i++){

  headerMenuFirstUl.children[i-1].className="on";

  firstMenuWidth=firstMenuWidth+headerMenuFirstUl.children[i-1].offsetWidth;

  headerMenuFirstUl.children[i-1].className="off";

 }

 headerMenuSecond.style.left=firstMenuWidth-headerMenuFirstUl.children[0].offsetWidth+33;

 for(i=1;i<=firstMenuLength;i++){

  headerMenuFirstUl.children[i-1].className="off";

  document.getElementById("headerMenuSecondOl"+i).style.display="none";

 }

 headerMenuFirstUl.children[n-1].className="on";

 document.getElementById("headerMenuSecondOl"+n).style.display="block";

<!--@end-->

}


//상단 2차메뉴 마지막 목록 오른쪽 여백 및 마디 없애는 스크립트

for(i=1;i<=firstMenuLength;i++){

 secondMenuLength=document.getElementById("headerMenuSecondOl"+i).children.length;

 if(secondMenuLength!=0){

  document.getElementById("headerMenuSecondOl"+i).children[secondMenuLength-1].style.background="none";

 }

}


//상단 2차메뉴 우측 로그인 정보 마지막 목록 여백 및 마디 없애는 스크립트

loginUlLength=headerMenuBottomRightLoginUl.children.length;

headerMenuBottomRightLoginUl.children[loginUlLength-1].style.paddingRight=0;

headerMenuBottomRightLoginUl.children[loginUlLength-1].style.marginRight=0;

headerMenuBottomRightLoginUl.children[loginUlLength-1].style.background="none";



//상단 2차메뉴 우측 로그인정보 클릭 시 나타나는 로그인폼

loginNum=0;

function showLoginForm(){

 if(loginNum==0){

  headerMenuBottomRightLoginWiget.style.display="block";

  loginNum=1;

 }

 else{

  headerMenuBottomRightLoginWiget.style.display="none";

  loginNum=0; 

 }

}


//컨텐트 좌측 우측 위쪽위치 같게하는 스크립트

contentRight.style.marginTop=0-contentLeft.offsetHeight;


//4차메뉴 마지막 목록 배경라인 다르게 나타나게 하는 스크립트

<!--@if($menu_3th['list'+ '])-->

fourthMenuLength=contentLeftFourthMenuUl.children.length;

contentLeftFourthMenuUl.children[fourthMenuLength-1].className="last";

<!--@end-->

</script>



이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
데미나인 구글 openID를 적용하고 싶은데..  
마보창 왕초보 질문드립니다. document root [2] 2010.10.26 by 마보창
정우종511 관리자 모드에서요 애드온 위젯 질문좀 할게요.. [1] 2010.10.26 by 때린데 또때려
서성호673 모바일 접속시 멀티미디어 자동 실행이 안되는군요 [1] 2010.10.26 by 서성호673
꿈자 게시판의 비밀기능 암호입력을 인위적으로 할수없나요?  
강신봉 게시판 내용 볼때 이미지 클릭시 이미지만 별도로 보는 기능 끄고 싶습니다. [1] file 2010.10.26 by 백성찬
지천 검색 시 오류발생 [1] file 2010.10.26 by SeklutZ
pionavy 로그인 에러 [1] file 2010.10.26 by SeklutZ
김대롱 외부페이지 불러오기 질문좀 드릴께요  
classicA 보드EX에서 "답글기능" [2] 2010.10.26 by SeklutZ
한종훈983 xe admin 비밀번호 변경 질문 [1] 2010.10.26 by SeklutZ
김종규 업데이트후 ..관리자창에서 module메뉴를 누르면..  
김현빈420 레이아웃 - 크롬에서 깨져요 [1] 2010.10.26 by hhgyu
classicA 이 댓글을... 부분 수정이요~~  
CHZy 안녕하세요. 위젯 정렬에 대해서 여쭙고 싶습니다. [1] file 2010.10.26 by CHZy
지노489 모바일용 한줄게시판을 쓰려하는데요  
하이우리 고수분들 해결점 부탁합니다. 관리자 접속이 안됩니다. [1] 2010.10.25 by 때린데 또때려
스컬이〃 CSS display : none -> block (XE로그인창)에 관한 질문입니다. [1] 2010.10.25 by 스컬이〃
hexit xe 이전 + 업데이트 문제로 질문드립니다 [1] file 2010.10.25 by 으아악.
뱌레알 레이아웃에 배너삽입하는방법.. 봐주십시오 [1] 2010.10.25 by 으아악.
피오리아 다 잘되는데.. 메뉴생성이 안됩니다.  
강신봉 이미지 클릭시 이미지만 별도로 보는 기능 끄고 싶습니다.  
smartcode 페이지 수정시 삭제된 내용 복구 가능한가요?  
레이리 제로보드xe를 다운받아 ftp로 업로드후 그다음 뭘어떻게하나요?(초보)  
언약 cahe폴더를 삭제하려면 어떻게? [1] 2010.10.25 by Gekkou
꼬자리 XE버전 문제로 질문하나 드립니다. [1] 2010.10.25 by Gekkou
이원석 업그리에드후 Fatal error: Call to a member function getDownloadedLogInfo() [1] 2010.10.25 by 백성찬
eizfates 1.4.4.1로 업데이트 후 포인트 시스템이 작동을 안합니다 [1] 2010.10.25 by 백성찬
lovely랑 좀 어려운 질의입니다. [2] 2010.10.25 by hhgyu
폴른 서버이전후 일부파일만 증발 [1] 2010.10.25 by 백성찬
태그 쓰기