드랍메뉴질문 정보
드랍메뉴질문본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : http://*** 개인정보보호를 위한 전화번호 노출방지 ***.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://*** 개인정보보호를 위한 전화번호 노출방지 ***.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://*** 개인정보보호를 위한 전화번호 노출방지 ***.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://*** 개인정보보호를 위한 전화번호 노출방지 ***.com/gnu/bbs/board.php?bo_table=sys301#">POS</a></li>
<li><a href="http://*** 개인정보보호를 위한 전화번호 노출방지 ***.com/gnu/bbs/board.php?bo_table=sys302#">카드단말기</a></li>
<!-- <li><a href="#">카드단말기</a></li> -->
</ul>
</li>
<li><a href="http://*** 개인정보보호를 위한 전화번호 노출방지 ***.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://*** 개인정보보호를 위한 전화번호 노출방지 ***.com/gnu/bbs/board.php?bo_table=sys501#">드라이버</a></li>
<li><a href="http://*** 개인정보보호를 위한 전화번호 노출방지 ***.com/gnu/bbs/board.php?bo_table=sys502#">유틸리티</a></li>
<!-- <li><a href="#">서브메뉴3</a></li> -->
</ul>
</li>
<li><a href="http://*** 개인정보보호를 위한 전화번호 노출방지 ***.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">
오류 주소 : http://*** 개인정보보호를 위한 전화번호 노출방지 ***.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://*** 개인정보보호를 위한 전화번호 노출방지 ***.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://*** 개인정보보호를 위한 전화번호 노출방지 ***.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://*** 개인정보보호를 위한 전화번호 노출방지 ***.com/gnu/bbs/board.php?bo_table=sys301#">POS</a></li>
<li><a href="http://*** 개인정보보호를 위한 전화번호 노출방지 ***.com/gnu/bbs/board.php?bo_table=sys302#">카드단말기</a></li>
<!-- <li><a href="#">카드단말기</a></li> -->
</ul>
</li>
<li><a href="http://*** 개인정보보호를 위한 전화번호 노출방지 ***.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://*** 개인정보보호를 위한 전화번호 노출방지 ***.com/gnu/bbs/board.php?bo_table=sys501#">드라이버</a></li>
<li><a href="http://*** 개인정보보호를 위한 전화번호 노출방지 ***.com/gnu/bbs/board.php?bo_table=sys502#">유틸리티</a></li>
<!-- <li><a href="#">서브메뉴3</a></li> -->
</ul>
</li>
<li><a href="http://*** 개인정보보호를 위한 전화번호 노출방지 ***.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">
댓글 전체
문서모드가 쿼크로 잡혀 있어서 발생하는 문제인 듯 합니다. 쿼크모드 대신 표준 모드로 잡힐 수 있도록, 메타태그를 추가해 주시면 됩니다.
<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">
이 외에도 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> 로 바꿔 주셔도 되구요.
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 의 위엄. ㅎㅎㅎㅎ
<!-- <!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 의 위엄. ㅎㅎㅎㅎ
