jacascriptで作ったドロップダウンメニューが下の画像に隠れる
ドロップダウンメニューがIE6だと
ドロップしたメニューが下の画像の下に隠れてしまいます。
回避方法はありますでしょうか?
ソースは
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
<script type="text/javascript"><!--
function visiblemenu(to) {
document.getElementById(to).style.display = "block";
}
function hiddenmenu(to) {
document.getElementById(to).style.display = "none";
}
// --></script>
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
<div id="jumpmenu">
<table>
<tr>
<td><img src="image/11_b_e03_r1_c1.jpg" width="80" height="42"></td>
<td>
<div onMouseover="visiblemenu('menu01')" onMouseout="hiddenmenu('menu01')">
<a href="#"><img src="image/11_b_e03_r1_c2.jpg" width="117" height="42" id="n11_b_e03_r1_c2"></a><br>
<div id="menu01" class="menubox">
<a href="#" class="link"><p class="menu">メニュー1</p></a>
<a href="#" class="link"><p class="menu">メニュー1</p></a> </div>
</div>
</td>
<td><img src="image/11_b_e03_r1_c3.jpg" width="23" height="42"></td>
<td>
<div onMouseover="visiblemenu('menu02')" onMouseout="hiddenmenu('menu02')">
<a href="#"><img src="image/11_b_e03_r1_c4.jpg" width="117" height="42" id="n11_b_e03_r1_c4"></a><br>
<div id="menu02" class="menubox">
<a href="#" class="link"><p class="menu">メニュー1</p></a>
<a href="#" class="link"><p class="menu">メニュー1</p></a> </div>
・
・
・
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
CSSは
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
img {border:0; vartical-align:top;}
#jumpmenu {width:1000;}
#jumpmenu table {width:1000; border-collapse:collapse;}
#jumpmenu table td {padding:0;}
#jumpmenu table td p.menu {
text-decoration :none;
border :1px solid #ece9d8;
padding :5px;
margin :0;
display :block;
font-family :Verdana, Arial, Helvetica, sans-serif;
font-size :14px;
text-align :left;
}
#jumpmenu table td a:link p.menu {color:#fff; background:#b4c1cf;}
#jumpmenu table td a:visited p.menu {color:#fff; background:#b4c1cf;}
#jumpmenu table td a:hover p.menu {color:#333; background:#ccc;}
#jumpmenu table td a:link.link {text-decoration :none;}
#jumpmenu table td .menubox{
width :180px;
position :absolute;
border :1px solid #555;
display :none;
}
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
です。
よろしくお願いします。
お礼
時間かかりましたが、Cookieを使って何とか対応できました。 ありがとうございました。