Hallo,
momentan entwickle ich eine für eine Webseite ein JS für ein aufklappbares Menü.
Leider hat der Firefox Probleme damit.
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--
body{
margin:0px;
padding:0px;
font-family:Arial;
font-size:12px;
}
p{
margin:0px;
}
.nav-1{
width:188px;
height:18px; /* 30px */
background-color:#66CCFF;
padding:5px;
border:1px solid #003333;
}
.nav-2{
width:194px;
height:18px; /* 24px */
background-color:#CC99FF;
padding:2px;
border:1px solid #990099;
margin-bottom:0px;
}
#absolute1, #absolute2{
position:absolute;
display:none;
}
//-->
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td onMouseOver="document.getElementById('absolute1').style.display='block'"
onMouseOut="document.getElementById('absolute1').style.display='none'">
<div class="nav-1">
Seite 1
</div>
<div id="absolute1">
<div class="nav-2">
Unterding 1
</div>
<div class="nav-2">
Unterding 2
</div>
<div class="nav-2">
Unterding 3
</div>
</div>
</td>
<td onMouseOver="document.getElementById('absolute2').style.display='block'"
onMouseOut="document.getElementById('absolute2').style.display='none'">
<div class="nav-1">
Seite 2
</div>
<div id="absolute2">
<div class="nav-2">
Unterding 4
</div>
<div class="nav-2">
Unterding 5
</div>
</div>
</td>
</tr>
</table>
<p>test</p>
</body>
</html>
Alles anzeigen
Firefox schafft es hin und wieder nicht das (meist das erste) Menü zu schliesen, wenn man mit der Maus von oben nach unten fährt.
Selbes Problem konnte ich übrigends auch auf der Seite http://www.n24.de beobachten.
Vielleicht kennt ja jemand das Problem, kann es fixen oder es an die Mozilla Foundation weiterleiten.
Gruss
Shejan
Edit: Bei n24.de tritt das Problem nur auf, wenn man das Klappmenü nach oben hin verlässt.