[opgelost] probleem met submenu in IE6

[Goof]

Hallo,
Ik heb vaak problemen met submenu's die niet worden weergegeven in IE6. Zie bijvoorbeeld de webpagina http://www.tomroth.nl/index.php?page=user_defined_tags in IE6 en Firefox 3.04 en ook de pagina http://www.tomroth.nl/index.php?page=core-tags in IE6 en Firefox.
In Firefox worden keurig alle submenu's getoond maar niet in IE6.

[Dee]

Je gebruikt (een aangepaste versies van) het CSS menu en daar hoort een stukje Javascript bij:

Code: Select all

<!--[if IE]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
{* The above JavaScript is required for CSSMenu to work in IE *}

Zie ook de standaard templates "CSSMenu left + 1 column" en "CSSMenu top + 2 columns".

Grtz,
D

[Goof]

Dank je wel voor de snelle reactie!
Het werkt niet op de pagina user-defined tags, wel op de andere.
Ik heb het css-menu ergens vandaan gehaald en het zou moeten werken zonder javascript. Dat werkt dus niet en nu met javascript ook niet. Misschien staat er iets in de css waardoor het niet werkt. Daar ben ik echter niet bedreven genoeg in.

zie hier de css voor het menu:

**************** begin menu ********************/
.menu{
font-family: arial, sans-serif; width:100px; height:220px; position:relative; font-size:11px; margin:20px; margin-left: 20px; z-index:100;
}
.menu ul {
padding:0; margin:0; list-style-type: none; background:transparant; width:100px; height:220px; border:1px solid #72994C;
}
.menu ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}
.menu ul li {
float:left;
}
.menu ul li a, .menu2ul li a:visited {
display:block; float:left; text-decoration:none; color:#194D35; width:90px; height:30px; line-height:29px; font-size:11px; background:transparent; padding-left:10px;
}
* html .menu ul li a, * html .menu ul li a:visited {width:100px; width:90px;}

.menu table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu ul li:hover a,
.menu ul li a:hover{
background:#D2DBC7; color:#67372D;
}

.menu ul li:hover {position:relative; z-index:90;}
* html .menu ul li a:hover {position:relative; z-index:100;}

.menu ul li:hover ul,
.menu ul li a:hover ul {
visibility:visible; position:absolute; height:auto; border:1px solid #72994C; background:#ECFED9; overflow:visible;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a{
display:block; background:transparent; color:#000; line-height:15px; padding:5px 0 5px 10px; height:auto; text-decoration:none;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {
background:#FFFDF6; color:#67372D;
}
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; height:auto; color:#194D35; padding:0; border:1px solid #72994C; list-style-type:none; background:#FFFBCB;
}
.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#67372D;
}

.menu ul li:hover ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover ul li a:hover {
background:#eee; color:#000;
}

/*
definition tags are also hidden
these are also used for menu links   
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */
/**************** eind menu ********************/

[Dee]

Ah sorry misschien iets te snel
In firefox (3.0.4 onder linux) gaat er op die pagina in het menu ook iets mis.
Probeer eens de foutjes eruit the halen.

(belangrijkste: <div id="area_menu" is niet afgesloten).

Grtz,
D