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 11 of 11
  1. #1
    New to the CF scene
    Join Date
    Jul 2007
    Location
    USA
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS Menu is good in FF but messed up in IE

    Hello,

    I am having trouble with my menu in IE.

    This menu works 100% perfect in FF but not IE

    The problem is that the background image for the top level is inheriting down to the second level in IE.... thats the only thing I can't figure out.

    Here is the link to my menu:
    http://www.blueflamesearch.com/menu.html

    Can someone please look at my source and tell me what I can do to get it working right in IE.

    Thank you,
    Ryan

  • #2
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    div#nav ul li a is too general for IE. There are links in the sub nav so it carries over in IE.

    Looks really nice by the way! Keep it up!
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #3
    New to the CF scene
    Join Date
    Jul 2007
    Location
    USA
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the complement, I appreciate it.

    Since that is too general for IE, what do you suggest I add?

    I tried div#nav ul li a.drop { background-image: none; } but no luck....

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You can't use the same ID more than once. If you must use a class. However in this case its the cause of your issue.
    Last edited by _Aerospace_Eng_; 07-30-2007 at 04:22 AM.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    #nav ul li .drop a { background-image: none; }

    I do not see why #menu_parent is numbered. Just make it a class .menu_parent
    Last edited by twodayslate; 07-30-2007 at 05:28 AM.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #6
    New to the CF scene
    Join Date
    Jul 2007
    Location
    USA
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    that worked perfectly! Thank you soo much!

    the java code I am using needs #menu_parent to be numbered to match the menu_child in relation.

    Thanks again for the help. I appreciate it a lot.

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I meant to say you CAN'T use the same id more than once. Its invalid coding. To be honest you are going about your menu the wrong way. You don't need javascript to make it work in the major browsers like Firefox.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #8
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    Quote Originally Posted by _Aerospace_Eng_ View Post
    I meant to say you CAN'T use the same id more than once. Its invalid coding. To be honest you are going about your menu the wrong way. You don't need javascript to make it work in the major browsers like Firefox.
    He (she?) is right... You do not need javascript for that navigation and you should not use ids twice.

    http://www.cssplay.co.uk/menus/

    Change this
    Code:
    <div id="nav">
    		<ul id="nav">
    
    			<li id="nav">
    To (don't forget to change CSS then)
    Code:
    <div id="navwrapper">
    		<ul id="navul">
    
    			<li id="nav">
    Last edited by twodayslate; 07-30-2007 at 05:30 AM.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #9
    New to the CF scene
    Join Date
    Jul 2007
    Location
    USA
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks for the tip.

    Can I also do this:

    Code:
    <div id="nav">
    		<ul>
    
    			<li>
    I did, and it still works right, but is that considered proper coding?

  • #10
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    That is also proper.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #11
    New to the CF scene
    Join Date
    Jul 2007
    Location
    USA
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Cool, thank you


  •  

    Posting Permissions

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