테스트 사이트 - 개발 중인 베타 버전입니다

드랍메뉴질문

· 12년 전 · 1433 · 4
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.

오류 주소 : http://027804040.com/gnu/bbs/board.php?bo_table=sys1

질문 1
우선 그누보드 연동하기 전에는 익스플로러와 크롬에서 드랍메뉴가 잘 작동 합니다.
그누보드 연동 후 익스플로러에서 드랍메뉴가 작동하지 않습니다.
(크롬에서는 정상작동)
-.자료실 제품정보가 드랍메뉴입니다.


질문 2
그리고 사이트 타이틀이 제가 헤드에 지정한 타이틀로 나오지않고 그누보드 "그룹>메뉴"
이런식으로 나오네요

소스
<html >
<head>

<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>포씨스§고객지원부</title>



<style type="text/css">


body, div, ul, li{margin:0; padding:0}

body{font-size:12px; font-family:"맑은 고딕", arial}

ul{list-style:none}
a{color:#000; text-decoration:none}

.gnb{
width:1000px; height:85px; margin:auto;margin-top:50px ;
}

/* 메인메뉴 영역 */
.gnb>ul{
width:1000px; height:30px; background:white;
padding:20px 0 0 20px;
}

.gnb>ul>li{
float:left; width:100px; height:30px; margin-right:5px;
position:relative;
}

.gnb>ul>li>a{
display:block; width:100%; height:100%;
font:bold 13px/30px "맑은 고딕", arial;
text-align:center; color:#fff; background:#2E9AFE;
}

.gnb ul li a:hover{color:#000; background:#fc0}


/* 서브메뉴 영역*/
.gnb ul ul{display:none}

.gnb>ul>li:hover ul{
display:block; width:100px; height:25px;
position:absolute; left:0; top:30px;
}

.gnb li li{width:100px; height:25px; background-color:yellow; text-align:center;}

.gnb li li a{
display:block; width:100%; height:100%;
font:bold 12px/25px "맑은 고딕", arial;
}

.gnb li li a:hover{
color:red; background:none;
}

</style>
<body bgcolor="white">

</head>

<body>


<div class="gnb">

<ul>
<li><a href="#">HOME</a>

</li>
<li><a href="http://silver.ivyro.net/pds/TeamViewerQS.exe">원격지원
</a>

</li>

<li><a href="http://027804040.com/gnu/bbs/board.php?bo_table=sys1#">서비스소개</a>
<!-- <ul>
<li><a href="#">서브메뉴1</a></li>
<li><a href="#">서브메뉴2</a></li>
<li><a href="#">서브메뉴3</a></li>
</ul> -->
</li>
<li><a href="http://027804040.com/gnu/bbs/board.php?bo_table=sys2#">TIP!</a>
<!--<<ul>
li><a href="#">서브메뉴1</a></li>
<li><a href="#">서브메뉴2</a></li>
<li><a href="#">서브메뉴3</a></li>
</ul>-->
</li>
<li><a href="#">제품정보</a>
<ul>
<li><a href="http://027804040.com/gnu/bbs/board.php?bo_table=sys301#">POS</a></li>
<li><a href="http://027804040.com/gnu/bbs/board.php?bo_table=sys302#">카드단말기</a></li>
<!-- <li><a href="#">카드단말기</a></li> -->
</ul>
</li>
<li><a href="http://027804040.com/gnu/bbs/board.php?bo_table=sys4#">메뉴얼</a>
<!--<ul>
<li><a href="#">서브메뉴1</a></li>
<li><a href="#">서브메뉴2</a></li>
<li><a href="#">서브메뉴3</a></li>
</ul> -->
</li>
<li><a href="#">자료실</a>
<ul>
<li><a href="http://027804040.com/gnu/bbs/board.php?bo_table=sys501#">드라이버</a></li>
<li><a href="http://027804040.com/gnu/bbs/board.php?bo_table=sys502#">유틸리티</a></li>
<!-- <li><a href="#">서브메뉴3</a></li> -->
</ul>
</li>
<li><a href="http://027804040.com/gnu/bbs/board.php?bo_table=sys6#">Q&A</a>
<!-- <ul>
<li><a href="#">서브메뉴1</a></li>
<li><a href="#">서브메뉴2</a></li>
<li><a href="#">서브메뉴3</a></li>
</ul> -->
</li>

</ul>
<!--
<script type="text/javascript">
$(document).ready(function(){
$('.test').css('width', $(window).width() - 50 );
$('.test').css('height', $(window).height() - 50 );
$(window).resize(function() {
$('.test').css('width', $(window).width() - 50 );
$('.test').css('height', $(window).height() - 50 );
});
});
</script>
-->
</p>
<div style="width:880px; height:100px; background-color:#5bc0de; text-align:center; padding: 50px 0px 0px 0px;"><font face="Georgia" color="white"><span style="font-size:40pt;">POSYS</div>
</p>
<div style="width:880px; height:590px; background-color:; text-align:center; padding: 0px 0px 0px 0px;"><font face="Georgia" color="white">

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

문서모드가 쿼크로 잡혀 있어서 발생하는 문제인 듯 합니다. 쿼크모드 대신 표준 모드로 잡힐 수 있도록, 메타태그를 추가해 주시면 됩니다.

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

이 외에도 IE 에서 브라우저 모드를 특정 버전에 고정시켜 주는 코드가 있으니 참고해 보시면 좋을 듯 합니다.



질문2 > 해당 부분은 그누보드 고유의 기능으로, 만약 이 부분을 사용하시지 않을 시, head.sub.php 에서 title 에 들어가는 변수 부분을 고정 시켜 주시면 됩니다. board.php 파일을 수정하는 방법이나 변수에 값을 넣는 방법이 있는데 제가 지금 외부라 어떤 소스인지 확인하기 어렵네요.
답변 감사합니다 우선 <meta http-equiv="X-UA-Compatible" content="IE=Edge">코드를 헤더에 삽입해보았는데 똑같네요
ㅠㅠ
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -->

header.sub.php 이 부분의 소스를


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

이렇게 바꿔 주시던가 원하시는 dtd 버전으로 변경해 주시면 될 듯 합니다.
아래의 HackYa 님의 말씀 처럼 <!DOCTYPE html> 로 바꿔 주셔도 되구요.
문서 제일 상단에요, 그러니까

<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -->
<html>
<head>

이것들 위로 (head.sub.php 란 파일안에 들어 있습니다. 아시겠지만) 이걸 하나만 넣으시면 해결됩니다.

<!DOCTYPE html>

//////////////////////////////

그러니까 이런식으로

<!DOCTYPE html>
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -->
<html>
<head>
.
.
.
.
.

html5 의 위엄. ㅎㅎㅎㅎ

게시글 목록

번호 제목
284508
284499
284492
284490
284484
284481
284478
284476
284474
284472
284470
284458
284457
284454
284453
284447
284446
284444
284441
284440