Pulldown & IE

[Skala]

Hallo zusammen

Total unerwartet arbeite ich nun seit 5 Stunden an einem Pulldownmenu für meine Intranetseite. Leider kann ich kaum Javascript und such mir solche kleinen Sachen immer im Web.

Nach stundenlagem Suchen habe ich ein passendes Pulldownmenu für meine Page gefunden. Eingefügt konfiguriert und getestet. Im Firefox klappte es wunderbar, aber als ich dann den IE öffnete wusste ich das ich noch mehr Zeit mit diesem ç*%*+! Script verbringen muss.
Im Anhang seht ihr den Unterschied.

Hier alles was zum Pulldownscript dazugehört:

Der Html Code

<DIV CLASS="block1">
<DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue')" OnMouseOut="MenueZu('Menue')">
<img src="_images/m_2.jpg" width="49" height="16" border="0" alt="nix"> 
</DIV>
        <DIV CLASS="unter" ID="Menue" OnMouseOver="MenueAuf('Menue')" OnMouseOut="MenueZu('Menue')">
             <A HREF="http://www.styleassistant.de/tips/1.htm">Untermenue 1</A><BR>
             <A HREF="http://www.styleassistant.de/tips/2.htm">Untermenue 2</A><BR>
             <A HREF="http://www.styleassistant.de/tips/3.htm">Untermenue 3</A><BR>
             <A HREF="http://www.styleassistant.de/tips/4.htm">Untermenue 4</A><BR>
             <A HREF="http://www.styleassistant.de/tips/5.htm">Untermenue 5</A><BR>
  	</DIV>
</DIV>

Der Java-Script Code

// JavaScript Document
function MenueAuf(Men)
{
  if(document.getElementById)
  {
    document.getElementById(Men).style.visibility="visible";
  }

  else if(document.all && !document.getElementById)
  {
    document.all[Men].style.visibility="visible";
  }
}

function MenueZu(Men)
{
  if(document.getElementById)
  {
    document.getElementById(Men).style.visibility="hidden";
  }

  else if(document.all && !document.getElementById)
  {
    document.all[Men].style.visibility="hidden";
  }
}

und noch der css Teil

<!-- pulldown css --!>

A
{
Color: red;
Text-Decoration: none;
}

A:HOVER
{
Color: green;
Font-Weight: bolder;
}

.block1
{
Font-Family:Verdana;
Width: 49px;
Height: 16px;
Cursor: pointer;
}

.unter
{
Font-Family:Verdana;
Font-Size: 12px;
Position: relative;
Color: red;
Background-Color: #D5D5D5;
Visibility: hidden;
Width: 149px;
Text-Align: left;
Cursor: pointer;
}

.haupt
{
Font-Family: Verdana;
Font-Size: 14px;
Font-Weight: bolder;
Position: relative;
Color: blue;
Background-Color: #52759D;
Width: 49px;
Border-Bottom-Color: silver;
Border-Bottom-Width: 1px;
Border-Bottom-Style: solid;
Text-Align: center;
Cursor: w-resize;
}

Jetzt weiss ich nicht was ich machen kann damit es im IE auch läuft.. kann mir da jemand ein bischen unter die Arme greifen?

Gruss Martin

 

[Sven Mintel]

Aus dem, was du da gepostet hast, ist nichts erscichtlich... das läuft bei mir im IE genauso wie im FF.

Stelle bitte mal die ganze Sache online, damit man den restlichen Seitenaufbau einsehen kann.

 

[Skala]

Klick



Danke für die Hilfe!