Überlappen im IE

[j0yr1de]

Einen schönen guten Tag wünsche ich allen hier. Ich fühle mich doch noch gezwungen euch mein Problem zu schildern.

Es geht um diese Seite:

http://alfredhoffmann.bplaced.net/test/index.html

Im Firefox wird das Menu inklusive Untermenus korrekt angezeigt beim onmouseover. Beim Internetexplorer hingegen nicht. Ich verzweifel wirklich. Ich hab versucht mit z-index das Untermenu korrekt anzuzeigen, jedoch ohne Erfolg. Hoffentlich hat jemand von euch eine gute idee.

MfG

j0yr1de


P.S. Die CSS Files sind hier zu finden:

http://alfredhoffmann.bplaced.net/test/css/style.css
und
http://alfredhoffmann.bplaced.net/test/css/ie.css

 

[Maik]

Hi,

durch den verwendeten MS-Opacityfilter "filter:alpha(opacity=30)" und "this.filters.alpha.opacity=XX" ist die position-Deklaration für #menu die Ursache, dass das Untermenü nicht in der kompletten Breite angezeigt, sondern am rechten Boxenrand "abgeschnitten" wird. Wenn diese nicht existiert, zeigt der IE bei mir das Submenü vollständig an.

Grundsätzlich sollte vom Ein- u. Ausblenden der Untermenüs mittels Javascript Abstand genommen werden, da bei einem möglicherweise deaktivierten JS in den Browsern das Menü so nicht mehr funktioniert.

http://www.htmldog.com/articles/suckerfish/dropdowns/example/vertical.html nutzt lediglich für den mittlerweile veralteten IE6 Javascript, da er die allgemeine li:hover-Pseudoklasse zum Ein- u. Ausblenden der Submenüs nicht unterstützt.

Desweiteren wird im IE-spezifischen Stylesheet nicht der vollständige CSS-Code wiederholt, sondern darin nur die Selektoren mit den CSS-Eigenschaften aufgenommen, die einer Fehlerkorrektur im IE bedürfen.

mfg Maik