Menu werkt niet in IE

[catwalkcriminal]

Ik kom er niet meer uit............ Heb een menu met een stuk javascript, css en natuurlijk html. Nu heb ik m in Firefox redelijk werkend. Het gaat om een horizontaal menu met een horizontale dropdown. De dropdown wil dus niet werken in IE.

Nu kwam ik achter het volgende. Dit is een stukje van mijn menu:

<li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">MEDIA</a>
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<li><a href="#">FOTO'S</a></li>
<li><a href="#">INTERVIEWS</a></li>
<li><a href="#">VIDEO'S</a></li>
</div>
</li>

De div met de mouseover laat het menu uitklappen in Firefox. Nu weet ik wel dat ik dus voor IE een extra iets in moet bouwen, maar ik kan er maa rniet achterkomen wat. Heb al heel wat sites afgestruind en allerlei tips die ik daar tegen kwam uitgeprobeerd, maar niks werkte.

Ik ben niet zo heel goed nog met dit alles. Kan iemand me op de goeie weg helpen??

 

[cookz]

zoek eens op "css hacks IE6 (of IE7)"

 

[catwalkcriminal]

Thanks voor de tip, ik heb het gegoogled, maar erg veel verder kom ik er niet mee

 

[stormblast]

Je moet gewoon die menu`s zichtbaar maken en onzichtbaar maken als je op een knop drukt. Dit kan met de "display" mogelijkheid in CSS (ongetest ).

<li><a href="#" onmouseover="mopen('m6')" onmouseout="mclose('m6')">MEDIA</a>
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()" style="display:none"> 
<li><a href="#">FOTO'S</a></li>
<li><a href="#">INTERVIEWS</a></li>
<li><a href="#">VIDEO'S</a></li>
</div>
</li>

<script>
function mopen(obj)
{
divObj = document.getElementById(obj)
divObj.style.display = "block"
}

function mclose(obj)
{
divObj = document.getElementById(obj)
divObj.style.display = "none"
}
</script>

Dit is de beste manier om je div te laten zien en te verbergen (display:none / block)

 

[catwalkcriminal]

Bedankt voor de tip. Het is gelukt en het menu ziet er nu gelikt uit.