Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Sep 2007
    Posts
    59
    Thanks
    7
    Thanked 0 Times in 0 Posts

    CSS Drop Down Menu In IE Help

    I'm working on a menu where it expands to show more links. The menu looks great in firefox, but won't expand in IE. Can somebody help?

    Here's the page: http://www.foodprotect.org/CFP.php

    Thanks!

  • #2
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here's an article I found a while ago that was very helpful in creating CSS drop down menus for IE. From what I understand you have two choices on how to fix them not working in IE. One is using IE hacks to work around some IE issues. The other is using a modified .htc file. This solution uses the hover.htc file to make IE work.

    http://www.seoconsultants.com/css/menus/tutorial/

    Also http://www.tanfa.co.uk/ Has a very detailed guide on how to create both verticle and horizontal CSS drop down menus. Hope that's helpful!

  • #3
    Regular Coder
    Join Date
    Aug 2002
    Location
    San Francisco
    Posts
    455
    Thanks
    19
    Thanked 15 Times in 15 Posts
    IE doesn't understand the hover pseudo-class on anything except the "a" tag. A List Apart has this great javascript that converts your :hover into .over and turns it into a mouseover action. then you make sure you style a ul:hover li and a ul.over li the same.
    http://www.alistapart.com/articles/hybrid
    Outside of a dog, a book is man's best friend. Inside of a dog it's too dark to read. Groucho Marx


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •