WordPress.org

Forums

[resolved] CSS drop down doesn't work in IE6, any ideas? (9 posts)

  1. Spencer Hill
    Member
    Posted 6 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!

  2. Sayontan Sinha
    Member
    Posted 6 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.

  3. 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.

  4. Spencer Hill
    Member
    Posted 6 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!

  5. esmi
    Forum Moderator
    Posted 6 years ago #

    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/

  6. Technokinetics
    Member
    Posted 6 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

  7. novinar
    Member
    Posted 6 years ago #

    http://www.leodata.de

    You must see it.

  8. Spencer Hill
    Member
    Posted 6 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!

  9. Spencer Hill
    Member
    Posted 5 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+

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.