✔ Ausklappmenü - IE-Problem

[MiRaMC]

Also hallo zusammen!

Ich hab ein Ausklappmenü geschrieben mit JavaScript und CSS (deshalb wusst ich nicht genau wo das Thema jetzt reingehört. JavaScript? CSS? HTML? Ich hoff ich bin hier richtig).
Auf jeden Fall funktioniert das ganze auch prima nur eben nicht im Internet Explorer
Dort klappt das Menü zwar aus und wird richtig angezeigt, aber wenn man mit der Maus über einen Eintrag fährt, funktioniert der (das?) Mouseover nicht und der Link ist auch nicht anklickbar.

Hier einmal die entsprechenden Teile aus dem Code:

MouseOver für die einzelnen Zeilen im Ausklapp-Div:

    	function dropdown_mouseover_01 () {
    		document.getElementById("dropdown_cell_01").style.backgroundImage = "url(templates/dropdown_01.gif)";
    		document.getElementById("dropdown_link_01").style.color = "#FFCC00";
    	}
    	
    	function dropdown_mouseover_02 () {
    		document.getElementById("dropdown_cell_02").style.backgroundImage = "url(templates/dropdown_01.gif)";
    		document.getElementById("dropdown_link_02").style.color = "#FFCC00";
    	}
    	
    	function dropdown_mouseover_03 () {
    		document.getElementById("dropdown_cell_03").style.backgroundImage = "url(templates/dropdown_01.gif)";
    		document.getElementById("dropdown_link_03").style.color = "#FFCC00";
    	}
    	    	
    	function dropdown_mouseover_04 () {
    		document.getElementById("dropdown_cell_04").style.backgroundImage = "url(templates/dropdown_01.gif)";
    		document.getElementById("dropdown_link_04").style.color = "#FFCC00";
    	}
    	
    	function dropdown_mouseout () {
    		document.getElementById("dropdown_cell_01").style.backgroundImage = "url(templates/dropdown_00.gif)";
    		document.getElementById("dropdown_cell_02").style.backgroundImage = "url(templates/dropdown_00.gif)";
    		document.getElementById("dropdown_cell_03").style.backgroundImage = "url(templates/dropdown_00.gif)";
    		document.getElementById("dropdown_cell_04").style.backgroundImage = "url(templates/dropdown_00.gif)";
    		
    		document.getElementById("dropdown_link_01").style.color = "#0B0B0B";
    		document.getElementById("dropdown_link_02").style.color = "#0B0B0B";
    		document.getElementById("dropdown_link_03").style.color = "#0B0B0B";
    		document.getElementById("dropdown_link_04").style.color = "#0B0B0B";
    	}

Das DIV das ausgeklappt wird:

    <div class="home" id="tooltip1" align="left">
    	<table width=100% border="0" cellpadding="0" cellspacing="0">
    	  <tr height="25px">
    	  	<td style = "vertical-align: middle; background-image:url(templates/dropdown_00.gif);" onMouseOver="wmtt.show('tooltip1'); dropdown_mouseover_01();" onMouseOut="wmtt.hide(); dropdown_mouseout();" id="dropdown_cell_01"><a href="http://www.myspace.com/highvoltageband2006" target="_blank" class="dropdown_link" id="dropdown_link_01">&nbsp;&bull;&nbsp;MySpace-Profil</a></td>
    	  </tr>
    	  <tr height="25px">
    	  	<td style = "vertical-align: middle; background-image:url(templates/dropdown_00.gif);" onMouseOver="wmtt.show('tooltip1'); dropdown_mouseover_02();" onMouseOut="wmtt.hide(); dropdown_mouseout();" id="dropdown_cell_02" <a href="http://www.youtube.com/highvoltage2006" target="_blank" class="dropdown_link" id="dropdown_link_02">&nbsp;&bull;&nbsp;YouTube-Account</a></td>
    	  </tr>
    	  <tr height="25px">
    	  	<td style = "vertical-align: middle; background-image:url(templates/dropdown_00.gif);" onMouseOver="wmtt.show('tooltip1'); dropdown_mouseover_03();" onMouseOut="wmtt.hide(); dropdown_mouseout();" id="dropdown_cell_03" <a href="index.php?content=newsletter" class="dropdown_link" id="dropdown_link_03">&nbsp;&bull;&nbsp;Newsletter</a></td>
    	  </tr>
    	  <tr height="25px">
    	  	<td style = "vertical-align: middle; background-image:url(templates/dropdown_00.gif);" onMouseOver="wmtt.show('tooltip1'); dropdown_mouseover_04();" onMouseOut="wmtt.hide(); dropdown_mouseout();" id="dropdown_cell_04" <a href="index.php?content=rss" class="dropdown_link" id="dropdown_link_04">&nbsp;&bull;&nbsp;RSS-Feed</a></td>
    	  </tr>
      </table>
    </div>

Der Link, der das DIV ausklappt:

<a href="index.php"><img src="templates/nav_01_00.jpg" alt="Home" onMouseOut="fade_out_1()" onMouseOver="fade_in_1(); wmtt.show('tooltip1');" border="0" width=100 height=35></a></td>

Ich hoff ihr habt damit alles was ihr braucht um das ganze zu verstehen und ich hoffe auch dass ihr wisst wo der Fehler liegt. Schonmal vielen Dank!

 

[Quaese]

Hi,

mir ist aufgefallen, dass bei den letzten drei Zellen beim öffnenden TD-Tag jeweils die schliessende Grösserzeichen fehlt.

<td style = "vertical-align: middle; background-image:url(templates/dropdown_00.gif);" onMouseOver="wmtt.show('tooltip1'); dropdown_mouseover_02();" onMouseOut="wmtt.hide(); dropdown_mouseout();" id="dropdown_cell_02" ><a href="http://www.youtube.com/highvoltage2006" target="_blank" class="dropdown_link" id="dropdown_link_02">&nbsp;&bull;&nbsp;YouTube-Account</a></td>

Vielleicht löst ist damit das Problem bereits gelöst.

Ansonsten wäre es nicht schlecht, wenn man sich das Ganze mal irgendwo betrachten könnte.

Ciao
Quaese

 

[MiRaMC]

Wow danke das war wirklich das Problem! Ich bin so blöd! Wie konnt ich denn das übersehen!?