크롬에서는 잘 나오는데 익스플로에서 몰려서 나옵니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

크롬에서는 잘 나오는데 익스플로에서 몰려서 나옵니다. 정보

크롬에서는 잘 나오는데 익스플로에서 몰려서 나옵니다.

본문

http://sir.co.kr/bbs/board.php?bo_table=g4_plugin&wr_id=848&page=1&sca=&sfl=&stx=&spt=0&page=1&cwin=#c_854
플러그인 자료실에 있는 메뉴를 삽입하고, 크롬에서는 이상 없는것을 확인 했습니다. 그런데 익스플로어에선 첨부파일처럼 쏠려서 나오네요.
보니까 topmenu.skin.php의 텍스트스타일이 적용이 안된것 같은데 어떻게 해야 할까요?



 topmenu.skin.php 소스입니다.
--------------------------------------
<?php
if(!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가



$menus = array();

$menus[] = array('text'=>'*', 'href'=>'*', 'sub'=>null);


?>
<style type="text/css">
.nav {
height:70px;
background: url('<?php echo $g4['path'];?>/img/top_menu_bg_1000.png') repeat-x;
position:relative;
width:100%;
z-index:100;
margin:0;
padding:2px 0 0 0;
}

.nav .table {
padding:0 0 0 20px;
}

.nav > ul.first {
padding: 0 0 0 20px;
}

.nav > ul {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
float: left;
}

.nav li {
margin:0;
padding:0;
height:auto;
float:left;
}

.nav > ul a {
display:block;
float:left;
font-weight:bold;
padding:0 10px;
text-decoration:none;
line-height:20px;
vertical-align: middle;
white-space:nowrap;
color:#2b3238;
margin:5px 0 0 0;
}


.nav > ul a:hover,
.nav > ul li:hover a {
padding:0;
cursor:pointer;
color:#2b3238;
padding:0 10px;
}

.nav > ul a b{
font-weight:bold;
}

.nav > ul li.select div {
text-decoration:none;
color:#000000;
background:#FBFBFB;
padding:5px 8px 0 8px;
height:26px;
border-width:1px 1px 0 1px;
border-color:#508ac0;
border-style:solid;
}

.nav > ul li div {
text-decoration:none;
color:#ffffff;
padding:5px 0 0 0;
height:27px;
}

.nav > ul li img {
position:relative;
padding:10px 5px 0 5px;
vertical-align:middle;
border: 0;
}

.nav ul li ul {
list-style:none;
display: block;
position:absolute;
top:36px;
line-height:30px;
padding:3px 0 0 25px;
z-index:100;
left:0;
text-align:left;
background: transparent;
border: 0;
}

.nav ul li ul li a {
font-weight:normal;
}

.nav > ul > li > a:hover div,
.nav > ul > li:hover div {
color: #f6ff5f;
}

.nav ul li ul li a:hover {
font-weight: bold;
letter-spacing: -0.1em;
}

.nav ul li ul li.select a {
color: #E25D53;
}
</style>


<script type="text/javascript">

var maxUlEndPos = 940; /* ul 엘러멘트의 맨 마지막 포지션 */
var minLeft = 5;
var IEgap = 60; /* IE와 chrome이나 다른 브라우져에 비해 차이나는 값을 적어준다. */
var screenGap = 0; /* 실제 출력시 사이드바와 같은 영향으로 밀리는 경우가 생길 수 있다.
                        그럴 때 그 차이를 적어주면 된다. */

$(document).ready(function(){

$('.nav > ul > li').each(function(){
var obj = $(this);

var a = obj.find('a');
var a_o = a.offset();
var a_w = a.width();

var ul = obj.find('ul');
var ul_o = ul.offset();
var ul_w = ul.width();

var nav = $('.nav').offset();

var left = a_o.left+Math.round(a_w/2)-Math.round(ul_w/2)-($.browser.msie?IEgap:0)-screenGap;

if (left < minLeft) left = minLeft;
if (left+ul_w>maxUlEndPos) left = maxUlEndPos-ul_w;

ul.css('left', left);
});

$('.nav ul li ul').hide();
showSubmenu($('.nav ul li.select'));


$('.nav > ul > li > a').hover(function() { //mouseover
showSubmenu($(this).parent());
});
});

function showSubmenu(obj)
{
if (!obj) return;

var ul = obj.find('ul');

if (ul.is(':hidden')) $('.nav ul li ul').fadeOut('fast');//slideUp()
//obj.find('ul').fadeIn();//slideDown()
ul.fadeIn();
}
</script>



<div class="nav">

<?php
$text = '';

/*

<ul>
<li><a href="#" ><div>menu_1</div></a><img src='img/top_menuline.png' alt='' />
<ul>
<li><a href="#" >submenu_1</a></li>
<li><a href="#" >submenu_2</a></li>
<li><a href="#" >submenu_3</a></li>
    </ul>
</li>
</ul>

*/

for ($i=0, $cnt=count($menus); $i<$cnt; $i++) {

if ($menus[$i]['text']=='*' && $menus[$i]['href']=='*') {
// 데이터베이스에서 그룹과 게시판명을 가져옴
$sql = "select gr_id, gr_subject from $g4[group_table] where (1) order by gr_id";
$result = sql_query($sql);
$num_groups = mysql_num_rows($result);

for ($k=0; $row=sql_fetch_array($result); $k++) {
$text .= '<ul'.($i==0&&$k==0?' class="first"':'').'>'."\n";
$text .= '<li'.($gr_id==$row['gr_id']?' class="select"':'').'><a href="'.$g4['bbs_path'].'/group.php?gr_id='.$row['gr_id'].'"><div>'.$row['gr_subject'].'</div></a><img src="'.$g4['path'].($i==$cnt-1 &&$k==$num_groups-1?'/img/top_menuline1.gif':'/img/top_menuline.png').'" alt="" />';

$sql2 = "select bo_table, bo_subject from $g4[board_table] where gr_id='$row[gr_id]' order by bo_order_search, bo_table";
$result2 = sql_query($sql2);
$num_bo_tables = mysql_num_rows($result2);

if ($num_bo_tables) {
$text .= "\n\t<ul>\n";
for ($j=0; $row2 = sql_fetch_array($result2); $j++) {
$text .= "\t<li".($bo_table==$row2['bo_table']?' class="select"':'').'><a href="'.$g4['bbs_path'].'/board.php?bo_table='.$row2['bo_table'].'">'.$row2['bo_subject']."</a></li>\n";
}
$text .= "\t</ul>\n";
}
$text .= "</li>\n</ul>\n\n";
}
}
else {
$text .= '<ul'.($i==0?' class="first"':'').'>'."\n";
$text .= '<li'.($curr_menu_group==$menus[$i]['text']?' class="select"':'').'><a href="'.$menus[$i]['href'].'"><div>'.$menus[$i]['text'].'</div></a><img src="'.$g4['path'].($i==$cnt-1?'/img/top_menuline1.gif':'/img/top_menuline.png').'" alt="" />';

if (!is_null($menus[$i]['sub'])) {
$text .= "\n\t<ul>\n";
for ($j=0, $cnt_j=count($menus[$i]['sub']); $j<$cnt_j; $j++) {
$text .= "\t<li".($curr_menu_sub==$menus[$i]['sub'][$j]['text']).'><a href="'.$menus[$i]['sub'][$j]['href'].'">'.$menus[$i]['sub'][$j]['text']."</a></li>\n";
}
$text .= "\t</ul>\n";
}
$text .= "</li>\n</ul>\n\n";
}
}

echo $text;
?>

</div>
  • 복사

댓글 전체

DOC TYPE 선언을 DTD 로 해주세요.

그리고 welcome to hell 하시면 됩니다.  ㅋㅋㅋ

저 메뉴는 웹표준 메뉴라 DOC TYPE DTD 선언 안하시면 그누보드4에서는 문제가 많으실거에요.

웹표준인 그누보드 DTD 를 가급적 사용하세요.  이제 IE 도 최하버전이 IE8 인데... quirk mode 에서는 대략 망하실듯...
© SIRSOFT
현재 페이지 제일 처음으로