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

파이어폭스에서 상단메뉴가아나와요 자바스크립트도 안먹고..

스라
프로필 보기이 회원 글보기
 · 14년 전 · 1545 · 6
[해당 헤더파일.php]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?=$System['system']['title']?></title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<link rel="stylesheet" type="text/css" href="/css/v2.css" />
<link rel="stylesheet" type="text/css" href="/css/table.css" />
<script language='javascript' src='/js/common.js'></script>
<script language='javascript' src='/js/jquery-1.4.2.min.js'></script>
<script language='javascript' src='/js/cookie.js'></script>
<script language='javascript'>
<!--
function fn_OpenMenuLayer(m){
document.getElementById("topArea").style.display=m;
setCookie("BRMNU", m, 30, "/")
if (m == "block") {
document.getElementById("BtnMenu_hide").style.display = "block";
document.getElementById("BtnMenu_open").style.display = "none";
}else{
document.getElementById("BtnMenu_open").style.display = "block";
document.getElementById("BtnMenu_hide").style.display = "none";
}
}
//-->
</script>
</head>
<body>

<!------- 지역선택(S) : 지역을 사용하지 않을 경우 빼면됩니다 -------------->
<!-------- 지역은 관리자에서 상품관리-카테고리관리에서 관리가능 ----------->
<div id="loc-header" style="background:url(/images/img/bg_area.jpg) repeat-x 0 0;">
<div id="topArea" name="topArea" style="dispay:none">
<div id="itemList">
<ul>
<?=$itemTab ?>
</ul>
</div>

<!--
<ul class="navigation"><?= $itemTab ?>
<?php
foreach ($Area AS $k => $v)
{
if ($_GET['area'] == $k) $clss = "class=selected"; else $clss = '';
echo "<li><a href=\"/?area=$k\" $clss>$v</a></li>";
}
?>
</ul>
-->
</div>
</div>
<!------- 지역선택(E) -------------->

<!------- 로고/로그인(S) ----------->
<div id="header">
<h1><a href="/" target="_top" onfocus="this.blur()"><img src="/images/img/logo.jpg"></a></h1>
<div id="areaBtn">
<div id="BtnMenu_hide" name="BtnMenu_hide" style="display:none;"><p><a href="javascript:;" onFocus="this.blur()" onClick="fn_OpenMenuLayer('none');"><img src="/images/img/btn_hide.gif"></a></p></div>
<div id="BtnMenu_open" name="BtnMenu_open" style="display:none;"><p><a href="javascript:;" onFocus="this.blur()" onClick="fn_OpenMenuLayer('block');"><img src="/images/img/btn_openArea.gif"></a></p></div>
</div>
<script language="javascript">
var btnVal = getCookie("BRMNU");
if (btnVal == "") {
setCookie("BRMNU", "block", 30, "/")
btnVal = "block";
}
fn_OpenMenuLayer(btnVal);
</script>
<div id="btnLink">
<ul>
<?php if ($Member->isLogin()) { ?>
<li class="home"><a href="/members/?logout"><img src=/images/common/ic_logout.gif></a></li>
<?php } else { ?>
<li class="home"><a href="/members/?login"><img src=/images/common/ic_login.gif></a></li>
<li class="home"><a href="/members/?join"><img src=/images/common/ic_join.gif></a></li>
<?php } ?>
<li class="home"><a href="/members/?edit"><img src=/images/common/ic_mypage.gif></a></li>
<li class="home"><a href="/members/?myorder"><img src=/images/common/ic_myorder.gif></a></li>
</ul>
</div>

<div id="adCopy"> <img src="/images/img/ad_copy.gif"></a> </div>

</div>
<!------- 로고/로그인(E) ----------->

<!-------- 메인메뉴(S) ---------->
<div id="navi">
<div id="mainBar">
<div id="mainMenu">
<ul>
<li id="mainMenu01"><a href="/" onfocus="this.blur()"></a></li>
<li id="mainMenu02"><a href="/mall/calendar_list.php" onfocus="this.blur()"></a></li>
<li id="mainMenu03"><a href="/forum/index.php?talk" onfocus="this.blur()"></a></li>
<li id="mainMenu04" class=end><a href="/content/?id=2" onfocus="this.blur()"></a></li>
</ul>
</div>
<div id="sideMenu">
<ul>
<li><a href="/forum/?cid=4">자주하는 질문</a></li>
<li><a href="/forum/?cid=3">이용후기</a></li>
<li><a href="/forum/?cid=1">공지사항</a></li>
</ul>
</div>
</div>
</div>
<!-------- 메인메뉴(E) ---------->







[해당 css파일]

@import url(./common.css); /* 메인, 서브 공통사용 클래스 */

/****************************************************************************
헤더 : #header
****************************************************************************/
#header, #header-wrapper { height: 95px;}
#home, #header h1, #nav, #navi, #ad_header, #search, #login, #mainBar { position: absolute; }

#home { left: 0; top: 0px; }
#header h1 { left: 5px; bottom: 0px; }
#header #nav { left: 115px; top: 70px; }
#ad_header { left: 310px; bottom: 0px;}
#ad_header ul { width:500px; }
#ad_header ul li { float: left: margin-right:10px;}

#login { right: 10px; top: 5px; background-color: #edece8; color:#FFF;}
#areaBtn { position: absolute; right: 0px; top: 0px;}

#btnLink { position: absolute; right: 130px; top: 10px; _display: inline; }
#btnLink li { float: left; padding-right: 15px; }

#adLink { position: absolute; left: 250px; top: 84px; background-color:#FFF;}
#adLink li { float: left; margin-left: 20px; padding-left:10px; }

#adCopy { position: absolute; right: 10px; bottom: 1px; background-color:transparent;}

/****************************************************************************
지역 : #header
****************************************************************************/
#loc-header { overflow:hidden; width:100%; }
/*
#loc-header { overflow:hidden; width:100%; background-color:#DAC8B0;}
*/
#loc-header #itemList { width: 960px; margin: 0 auto; text-align: left; padding:6px; }
/**
#loc-header #itemList li { float:left; margin-right:40px;}
#loc-header #itemList li a, #loc-header #itemList li a:link, #loc-header #itemList li a:hover { color:#B8342A }
**/

#loc-header #topArea {width:100%; text-align:left; border-bottom:1px solid #75634E;padding:1px 0 0px 20px;}
#loc-header #topArea:after{content:"."; visibility:hidden; clear:both; height:0; display:block; }
* html #loc-header #topArea {height:1%;}

#loc-header #itemList dl.top_area { overflow:hidden;width:1020px;margin-bottom:0px; margin-left:20px;}
#loc-header #itemList dl.top_area dd { float:left;width:180px;padding:5px 9px 5px 9px;border-right:1px solid #000; }
#loc-header #itemList dl.top_area dd { float:left;width:180px;padding:5px 9px 5px 9px;border-right:1px solid #000; }
#loc-header #itemList dl.top_area dd.last { float:left;width:180px;padding:5px 9px 5px 9px; border:none; }
#loc-header #itemList dl.top_area h3 { float:left }
#loc-header #itemList dl.top_area h3 img { width:80px; height:45px; border:1px solid #dddddd; margin-right:5px; overflow:hidden }
#loc-header #itemList dl.top_area p { float:right; width:90px; color:#000; font-size:11px; overflow:hidden;}
#loc-header #itemList dl.top_area p.area { color:#000; font-size:12px; font-weight:bold; }


/****************************************************************************
상단 네비게이션 : #nav
****************************************************************************/
#navi { height:44px; overflow:hidden;}
#mainBar { width: 960px; height:44px; margin: 0 auto; text-align:left; background:url(/images/img/bg_mainbar.jpg) repeat-x 0 0;_display: inline;}
#mainMenu ul { margin-left: 20px; height:44px; overflow:hidden;}
#mainMenu li { float: left; margin-right: 0px; }
#mainMenu li img { vertical-align: middle; }
#mainMenu a { float: left; padding-top: 44px; overflow: hidden; height: 0 !important; height:44px; }
#mainMenu a:hover { background-position: 0 -45px; }
#mainMenu01 a { width: 137px; background: url(/images/img/m1.jpg) top left no-repeat; }
#mainMenu02 a { width: 134px; background: url(/images/img/m2.jpg) top left no-repeat; }
#mainMenu03 a { width: 133px; background: url(/images/img/m3.jpg) top left no-repeat; }
#mainMenu04 a { width: 134px; background: url(/images/img/m4.jpg) top left no-repeat; }

#sideMenu { position: absolute; right: 20px; width:280px; height:25px; top: 5px; background:url(/images/img/bg_subside.jpg) no-repeat 0 0;}
#sideMenu ul { margin:0; padding-left:40px; padding-top:3px; }
#sideMenu li { float: left; margin-right:20px;}
#sideMenu li a, #sideMenu li a:link, #sideMenu li a:hover { font-size: 11px; color: #F2F2F2; font-weight: bold; letter-spacing: -1px; }


body { position: relative; text-align: center; }
#wrapper,#loc-header { width: 100%; position: relative; }
#navi, #container, #footer { width: 960px; margin: 0 auto; text-align: left; background-color:#FFF;}
#header { width: 960px; margin: 0 auto; text-align: left; }
#header, #navi, #loc-header, #footer { position: relative; }
#container { position: realtive; background-color:#FFF; padding-bottom:0px; }

#contentMain { float:left; width:720; margin-top:5px; text-align:left; margin-left:5px; background-color:#FFF; overflow:hidden; }
#contentMain p.copy { width:720px; padding-top:5px; margin-bottom:10px; overflow:hidden; }
#contentMain p.copy img { width:720px; height:60px; overflow:hidden; }
#contentMain p.imgmain { width:720px; overflow:hidden; }
#contentMain p.imgmain img { width:720px; height:480px; overflow:hidden;}


#contentMain #itemDetail {width:710px; overflow:hidden; }
#contentMain #itemQna {width:710px; overflow:hidden; }
#contentMain #itemCompany {width:710px; overflow:hidden; }


#contentRight { float:right; width:220px; margin-top:5px; margin-right:5px; background-color:#FFF; overflow: hidden; }
#contentRight p.imgwing { width:220px; height:325px; margin-top:10px; overflow:hidden;}
#contentRight p.calendar { padding-left:0px; }
#contentRight p.clock { padding-left:5px; padding-top:5px; }
#contentRight p.price { padding-bottom:5px;}

#contentRight #event_price3 {
position:relative;
clear:both;
margin-top:10px;
background:url(/images/img/bg_event_price3.jpg) no-repeat 0 0;
width:220px;
height:220px;
}

#contentRight #event_price3 .np { padding:18px 0 0 85px; font-size:20px; color:#d5d5d5; font-family:Arial; font-weight:bold; line-height:1em;}
#contentRight #event_price3 .sp { padding:18px 0 0 80px; font-size:36px; color:#F28708; font-family:Arial; font-weight:bold; line-height:0.5em; letter-spacing:-1px;}
#contentRight #event_price3 .btnbuy { padding:5px 0 0 10px;}

#contentRight #event_price3 #progress3 { width:220px; }
#contentRight #event_price3 #progress3 .buymin { padding-right:150px; padding-top:10px; text-align:right;font-size:14px; color:#FFF; font-family:Arial; font-weight:bold; line-height:1em;}
#contentRight #event_price3 #progress3 .buycnt { padding-left:20px; padding-top:18px; text-align:left;font-size:11px; color:#c7c7c7; font-family:Arial; font-weight:normal; line-height:1em;}
#contentRight #event_price3 #progress3 #graph { margin-left:15px; margin-top:10px; width:180px; height:5px; background-color:#FFF; line-height:1em}
#contentRight #event_price3 #progress3 #graph .bar { }
#contentRight #event_price3 #progress3 .xdigit { padding-top:3px; width:195px; font-size:11px; color:#FFF; font-family:돋움; font-weight:bold; line-height:1em;}
#contentRight #event_price3 #progress3 .xdigit .zero { padding-left:15px; float:left; font-size:11px; color:#c7c7c7; font-family:돋움; font-weight:bold; }
#contentRight #event_price3 #progress3 .xdigit .min { float:right; padding-right:0px; font-size:11px; color:#c7c7c7; font-family:돋움; font-weight:bold; }

#contentRight #snslink {
clear:both;
margin-top:20px;
background:url(/images/img/bg_sns.jpg) no-repeat 0 0;
width:220px;
height:52px;
padding-left:30px; padding-top:35px;
display : _inline;
}
#contentRight #snslink li { float:left; margin-right:10px; }
#contentRight #snslink li img { border:1px solid #bebebe; }

#contentRight #subscribe {
clear:both;
margin-top:10px;
background:url(/images/img/bg_subscribe.jpg) no-repeat 0 0;
width:220px;
height:94px;
display : _inline;
}
#contentRight #subscribe .form { float:left; padding:32px 0 0 5px;color:#d2d2d2;font-size:11px;}
#contentRight #subscribe .btn { float:right; margin: 32px 8px 0 0 }


#discount { position: absolute; top:285px; left:668px; }
#contentRight .baloon { width:141px; height:148px; }
#topbaloon { position: absolute; top:-69px; margin-left:15px;}

.content { text-align:left; margin:15px 10px 0 10px;}



파이어폭스에서 상단메뉴가 안나오네요 그리고

자바스크립트도 안되네요 익스플로러에서는 되는데...

위의 소스인데 어떻게 수정하면 둘다되게 할 수 있을까요?
목록
이전글 다음글

댓글 작성

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

로그인하기

댓글 6개

웃는하루
프로필 보기이 회원 글보기
 14년 전
setCookie 부분에서 세미콜론으로 안닫은게 문제아닐까요?
스라
프로필 보기이 회원 글보기
 14년 전
답변감사합니다 닫아도 안되네요ㅜㅜ
슈와이
프로필 보기이 회원 글보기
 14년 전
<div id="topArea" name="topArea" style="dispay:none">
-> <div id="topArea" name="topArea" style="display:none">
스라
프로필 보기이 회원 글보기
 14년 전
답변감사합니다... display에서 l자 빠진거 넣었는데 안되네요 ㅜㅜ
슈와이
프로필 보기이 회원 글보기
 14년 전
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
이부분 빼고 한번 해보세요 웹표준으로 하기에는 소스가 수정할게 많아 보입니다.
스라
프로필 보기이 회원 글보기
 14년 전
오 되네요!!!
완벽하지는 않지만 살짝 배경이 틀어지기는 하는데 그래도 메뉴가 모두 보이네요
정말 감사합니다^^
위에 빼라고 하신 구문이 어떤역할을 하는건가요? 없어도 상관없는건가요?

게시글 목록

번호 제목
284508
네이버에서 신디케이션 전체게시물이 보이지않는다며 답변이왔습니다T.T 12
284499
문의글을 엑셀로 정리해서 달라는데요 mysql 에서 내보내기하면 한글다깨지는데요 4
284492
최근 로그인한 회원이 리스트 검색시 리스트의 최상위로... 5
284490
포인트랭크 해결 좀 해주세요 ㅜㅜ 7
284484
포인트 랭크 질문 좀 드리겠습니다. 제발 부탁 좀 드리겠습니다 해결좀해주세요 ㅜㅜ 6
284481
robots.txt 와 신디케이션 1
284478
핸드폰으로 pc용 접속하면.... 화면사이즈문제 3
284476
혹시 http://www.appsgeyser.com 여기에서.....
284474
이런 최신글 있을까요? 3
284472
불당썸 사용 그림엑박 1
284470
도메인 변경후 이미지 깨짐 2
284458
폼메일전송 메일보내는방법좀요 2
284457
로그인,로그아웃,회원가입 스킨적용 및 연동방법좀요ㅠ 2
284454
회원가입에 필요한 파일? 2
284453
초보 게시판 관련 질문좀 드립니다. 2
284447
카운트 갯수 구할때요 limit 이 안먹히는데요 왜그런가요 ㅎㅎ? 리밋할려면 어떻게 해야할까요?? 2
284446
회원가입시 아이디에 하이픈 - 사용하는 방법을 가르쳐주세요 2
284444
리스트 게시글 묶음처리 2
284441
아이핀 연동할때 세션값 변경되는 현상 1
284440
셀렉트문은 하나만 사용하고요. 3
다음
전체 목록