Posted 2 years ago #
Heya - so I thought I'd build a nice CSS navigation that's cross-browser, turns out it's not functional in IE6, surprise surprise.
I'm just using ul's and I'm not really sure why it's not displaying on hover. Is the li:hover attribute not supported in IE6?
Thanks!
Posted 2 years ago #
You might need to use tables along with CSS (shudder). The way I did it is using conditional comments and tables, with the tables featuring only for IE6. Check here. You can see the source code too. I am open to better suggestions.
I don't think that using tables is needed to make dropdowns work in IE6.
I haven't looked at IE 6 in a long time, but I know I did when I worked on http://www.pyng.com/.
Have a look at the source code and see if you can grab the code i used there. You will most likely need a style sheet for IE6, just to get the alignment right.
Posted 2 years ago #
Hm... I appreciate the examples, though I'm trying to avoid ripping apart and rebuilding what I've already done. And from what I can see, it's the same approach. Should I share the code that is applicable? Thanks!
You can add a remedial sheet for IE6 without touching anything you've already done.
http://quirm.net/2009/06/29/wordpress-conditional-comment-css/
Posted 2 years ago #
No, IE6 doesn't support li:hover. The best solution is to use javascript to emulate this for users of IE6. See http://www.alistapart.com/articles/horizdropdowns/ for one way of doing this.
- Tim
Posted 2 years ago #
You must see it.
Posted 2 years ago #
Oh I know about using a remedial stylesheet, that's not my problem. I just don't know what's wrong with my CSS, but techno - I think you pinpointed the issue - which is IE6 will require javascript for the drop down. Thanks! I'll post my solution here.
Novinar - what is that?
Thanks!
Posted 2 years ago #
Okay - so this was confirmed as an issue that IE6 simply doesn't have capabilities for. IE6 requires Javascript to perform this. Though it works in FF/Safari/IE7+
This topic has been closed to new replies.
