menu not showing in ie 6

Question

User-938714270 posted

I have a problem with my website:

http://csstemplatesforfree.com

When I browse with IE6 I don't see site menu [:S]

I suppose it's from css adapters. What can I do?

In IE 7 and Firefox it's working ok.

Answer 1

User620467623 posted

Try adding zoom:1 to the CSS for <ul> tag your menu sits in.

If that doesn't work you might want to try using Dean Edwards IE7 library. 

Answer 2

User-938714270 posted
#menu ul

{

zoom: 1;

}

 

not working...

What a strange thing, I have a public  IP on which I'm testing my site and even without "zoom: 1;" menu is visible while csstemplatesforfree.com has  the same source files but hosted on other server is not working [:S]

Answer 3

User620467623 posted

There doesn't appear to be any #menu element on the page - have you tried #ctl00_menu1 ul?

Also, I noticed that the menu sits in an absolutely positioned element. It might be that you have to given IE 6 different right and bottom values to get your menu to appear.

Answer 4

User-938714270 posted

you are right, I tried with #ctl00_menu1 ul and

I saw some changes: my black banner was not visible, and only 2 menu items(vertical arranged) were visible("contact", "donate" ) extending itself from left to right

but I couldn't leave it like that on live site...

Answer 5

User-938714270 posted

I am still having menu issue on my website

Why in IE 7 and Firefox menu is visible, but in IE6 - not visible?

Answer 6

User-1015649212 posted

In studying this very perplexing problem, I don't have an answer but I have some findings to report

• Whatever is hiding the menu is hiding it with visibility:hidden rather than display:none because the latter would remove the xhtml from the dom completely
  
• It doesn't seem to be a specificity issue since all the css declarations in the iemenu6.css file have !important on them -- so it's not a race condition between the @import menu.css and the ie6menu.css files
• Much of the javascript in menuadapter.js deals with "preie7" situations.

1. remove the call to MenuAdapter.js and see if the menus come back for ie6.  If so -- we know where to look if not,

2. put MenuAdapter.js back and remove the reference to iemenu6.css and see if the menus come back for ie6.  If so -- we know where to look 

 

 

Answer 7

User-938714270 posted

I excluded IEMenu6.css file, and now it works

thanks 

Answer 8

User-1015649212 posted

 If an entry is helpful, please mark as "answer" thanks. [:)]

Answer 9

User-938714270 posted

why excluding that file - works? 

Answer 10

User-1015649212 posted

I can only debug while the file is included, but it appears to be because the UL element did not have a height defined.

I no longer think that it is a visibility (css visibility attribute) problem. In looking at this with the ie dev toolbar the visibility properties seemed to be okay.