CSS submenus for IE < 7 ?
http://pcfixa.com/m/tstmnu.html
HTML Editor Version 12.5 build 412
OS Win 7 x64
registered version - I think!
Hello
I have created a menu with the CSS Menu Designer, in a stripped back template HTML page with an HTML5 doctype.
The menu works fine above IE6 but in IE6 and IE5.5 (in a VMware Player running WIn XP / Win 2K) I find that the "My career" submenu under "Careers" does not display. I tried increasing the top measurement for the nested li:hover ul - to no avail. I also tried a transitional doctype.
Do CSS submenus ever display in IE6 or IE5.5 ? - ( I think superfish nav-bar menus might be able to )
Hope you can shed some light - I will just avoid submenus otherwise - seems a waste of all that lovely CSS !
Regards
rupertrealbear
HTML Editor Version 12.5 build 412
OS Win 7 x64
registered version - I think!
Hello
I have created a menu with the CSS Menu Designer, in a stripped back template HTML page with an HTML5 doctype.
The menu works fine above IE6 but in IE6 and IE5.5 (in a VMware Player running WIn XP / Win 2K) I find that the "My career" submenu under "Careers" does not display. I tried increasing the top measurement for the nested li:hover ul - to no avail. I also tried a transitional doctype.
Do CSS submenus ever display in IE6 or IE5.5 ? - ( I think superfish nav-bar menus might be able to )
Hope you can shed some light - I will just avoid submenus otherwise - seems a waste of all that lovely CSS !
Regards
rupertrealbear
Do people still use browsers below IE6? I haven't seen an IE5.5 on my analytics for ages and ages. I think even Windows XP SP1 comes readily equipped with IE6, doesn't it?
I wouldn't worry about the menu being incompatible with anything under IE6. I know it sounds bad, but IE6 was released in 2001. If someone hasn't upgraded their browser (or computer for that matter) since before that date, they don't deserve to see your fancy drop down menu
Also, I checked for a fix, and the only thing I can think of that would work is to switch from the hover effect to basic click-to-activate drop down list.
I wouldn't worry about the menu being incompatible with anything under IE6. I know it sounds bad, but IE6 was released in 2001. If someone hasn't upgraded their browser (or computer for that matter) since before that date, they don't deserve to see your fancy drop down menu

Also, I checked for a fix, and the only thing I can think of that would work is to switch from the hover effect to basic click-to-activate drop down list.
Create a separate CSS file for IE6 and under and call it good. To be honest, I believe anything below 7 is considered dead at this point, and so extremely minimal that the few that would visit should just update their browsers. Although I realize some don't have that choice (surfing from work/school/ect) that is still such a small percentage of visitors I would just make it work basic in ie6 and leave it at that. Put something on the page (image works nice using css) and tell them to update their browsers lol.
Make the menu a link menu rather than a button one, or just a simple button one without any frills for IE6. This keeps it simple as you can tell the CSS for IE6 to display it this way regardless of what is on the rest of the versions and it will adjust it accordingly so you don't have to keep adjusting it for IE6.
Make the menu a link menu rather than a button one, or just a simple button one without any frills for IE6. This keeps it simple as you can tell the CSS for IE6 to display it this way regardless of what is on the rest of the versions and it will adjust it accordingly so you don't have to keep adjusting it for IE6.
I spent [rather TOO long] trying to target and toggle the nested <ul> with JQuery - nothing worked.
I will do something completely different for IE6 & 5.5. There is something in whatever:hover http://peterned.home.xs4all.nl/csshover.html that I might try.
Many thanks for your input.
regards
Guy
I will do something completely different for IE6 & 5.5. There is something in whatever:hover http://peterned.home.xs4all.nl/csshover.html that I might try.
Many thanks for your input.
regards
Guy
Just so you know:-
whatever:hover http://peterned.home.xs4all.nl/csshover.html#changes
IS the fix I was looking for.
I downloaded the latest version (csshover3.htc) and put it in the same folder as tstmnu.html.
I then referred to it as a CSS behaviour for the html body (in the context of IE6 or IE5.5):-
<!--[if lt IE 7]>
<style type="text/css">
<!--
body { behavior: url("csshover3.htc"); }
-->
</style>
<![endif]-->
"My Career" now duly appears in IE6 or IE5.5 (as it does without help in every other browser).
I don't know if anyone else will be asking about this again (given the rate of progress - and retraction of support by Microsoft) but there it is:- whatever:hover - works straight out of the box!
try it now in IE6 or IE5.5 http://pcfixa.com/m/tstmnu.html
Regards
Guy
whatever:hover http://peterned.home.xs4all.nl/csshover.html#changes
IS the fix I was looking for.
I downloaded the latest version (csshover3.htc) and put it in the same folder as tstmnu.html.
I then referred to it as a CSS behaviour for the html body (in the context of IE6 or IE5.5):-
<!--[if lt IE 7]>
<style type="text/css">
<!--
body { behavior: url("csshover3.htc"); }
-->
</style>
<![endif]-->
"My Career" now duly appears in IE6 or IE5.5 (as it does without help in every other browser).
I don't know if anyone else will be asking about this again (given the rate of progress - and retraction of support by Microsoft) but there it is:- whatever:hover - works straight out of the box!
try it now in IE6 or IE5.5 http://pcfixa.com/m/tstmnu.html
Regards
Guy
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.