Hallo Zusammen,
ich bin gerade am erstellen einer Website und habe bei einem Menüpunkt ein
DropDown-Menü mit Unterpunkten erstellt mit JavaScript und dem 'display' Attribut.
Der html code sieht so aus (ich habe nur das wesentliche eingefügt):
<table align="center" id="menuleiste" >
<tr>
<td id="menuabstand"></td>
<td id="menustart"><a href="#">Start</a></td>
<td id="menukategorien"><a onmouseover="aufklappen()" onmouseout="zuklappen()" href="#">Kategorien</a></td>
<td id="menukontakt"><a href="#">Kontakt</a></td>
<td id="menuuberuns"><a href="#">Über uns</a></td>
</tr>
</table>
<div id="kategoriendropdown" onmouseover="aufklappen()" onmouseout="zuklappen()">
<div id="dropdownmenu">
<a href="#">Einfach</a><br>
<a href="#">Modern</a><br>
<a href="#">Jugendlich</a><br>
<a href="#">Responsive</a><br>
<a href="#">Mobil</a>
</div>
</div>
Der css-Code (wieder nur das wesentliche):
#kategoriendropdown{
position:absolute;
background-color:#404040;
width:163px;
height:150px;
margin-left:790px;
margin-top:8px;
display:none;
}
Und zum Schluss noch der Javascript-Code:
function aufklappen() {
document.getElementById('kategoriendropdown').style.display = 'block';
}
function zuklappen() {
document.getElementById('kategoriendropdown').style.display = 'none';
}
Mein Problem ist, dass das DropDown-Menü im Internet Explorer nicht funktioniert, also nicht angezeigt wird.
Danke schon mal im Vorraus Malte