Marc Wolfgram wrote:
> I have used a css drop down menu list structure on several sites very
> successfully. I'm using it again on a site under development. The
> menu works fine on all browsers EXCEPT IE6 Win (works under IE7 beta
> too!) "Homeowner's Guide" should display five submenu items on
> mouseover.
>
> I've crawled through the css and the html. The IE helper javascript
> is the same file used on my other sites... I'm looking for a clue.
>
> html- http://www.homelitecustomwindows.com/index.html
> css-- http://www.homelitecustomwindows.com/master.css
> js--- http://www.homelitecustomwindows.com/ddmenu.js
>
> Note that the 'UL' reference in the js code matches 'ul' -- tried
> that, no joy -- the code is called, when I move it a level higher it
> hid and unhid the main nav bar ul.
When I set visibility:visible manually, the submenu shows up. So the js
does not apply correctly. But when I remove the comment inside the menu,
it is fixed in IE6. Does that mean the html comment conflicts with the js?
<ul id="menu">
<li>
<a href="#">Homeowner's Guide</a>
<ul>
<li><a href="#">Warranties</a></li>
</ul>
</li><!-- -->
</ul>
I am not a js expert, so others should correct me in my wild guessing.
startMenu = function() {
if (document.all && document.getElementById) {
var topmenu = document.getElementById("menu");
if (topmenu) {
var submenus = topmenu.getElementsByTagName('UL');
for (var i=0; i < submenus.length; i++) {
var pn = submenus[i].parentNode;
pn.onmouseover = function() {
this.lastChild.style.visibility = 'visible'; }
pn.onmouseout = function() {
this.lastChild.style.visibility = 'hidden'; }
}
}
}
}
if (window.attachEvent) window.attachEvent("onload", startMenu)
else window.onload=startMenu;
Looks to me as if IE6 thinks with this line in your js
this.lastChild.style.visibility = 'visible';
the comment is meant. Don't know if this is a correct behavior in js.
PS.
your html does not validate.
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
