IE Menuebar - Problem mit IE o.O - javarea.de Forum powered by javarea.de

Hallo zusammen

Hab nun alle Thread duchgelesen zur IE Menubar, mein Problem war nicht dabei.

Eigentlich sagt der angehängte Screenshot schon alles... Oberhalb sieht man die Ausgabe mit dem Firefox, da klappt alles bestens, und untem mit dem Internetexplorer.

Das Menue klappt zwar schon.. aber meine Tabelle wird einfach verzogen!

edit: da ich doch n bischen rumgespielt hab hier alle relevanten codeschnipsel:

Der Html Code

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12:

<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

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26:

// 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

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50:

<!-- 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;
}