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 13 of 13
  1. #1
    New Coder
    Join Date
    May 2007
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE problem with CSS-based suckerfish nav

    My site is at http://deepwaterchurch.com/prelive and IE seems to be having a problem with the navigation bar. It works in firefox and safari, but not in IE for mac (I know it's old, but it's the only IE I have immediate access to). Can someone tell me what the problem is? thanks!

  • #2
    Regular Coder BonRouge's Avatar
    Join Date
    Mar 2006
    Location
    Sendai, Japan
    Posts
    328
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Your list should have the id 'nav' - not the div containing it.

  • #3
    New Coder
    Join Date
    May 2007
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    sorry, I don't understand what you mean. I need to make a div to keep that space, I've chosen to call it nav. How do I give my list the id nav?

    Ok, I changed my first all-containing <ul> to <ul id="nav">, and changed my div to a different name, but it still won't render properly in IE.
    Last edited by robinogi; 06-02-2007 at 11:15 PM. Reason: still not working

  • #4
    Regular Coder BonRouge's Avatar
    Join Date
    Mar 2006
    Location
    Sendai, Japan
    Posts
    328
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You need to do what I said and add this to your stylesheet:
    Code:
    li:hover ul , li.over ul{ display: block; clear:left; }
    Read the article: http://www.htmldog.com/articles/suckerfish/dropdowns/

  • #5
    New Coder
    Join Date
    May 2007
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    still doesn't work. Any ideas?

  • #6
    Regular Coder BonRouge's Avatar
    Join Date
    Mar 2006
    Location
    Sendai, Japan
    Posts
    328
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If we're talking about the same page, you haven't done the first thing I said. If you're testing locally, I don't know what your problem is because it worked fine for me after testing what I said above locally.

  • #7
    New Coder
    Join Date
    May 2007
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by BonRouge View Post
    If we're talking about the same page, you haven't done the first thing I said. If you're testing locally, I don't know what your problem is because it worked fine for me after testing what I said above locally.
    Yes, I've been testing it locally but I just uploaded the changes to the style sheet and HTML and it still doesn't work on IE for the mac. Maybe it works on IE for the PC, and if that's the case, I'm ok with it. Can someone confirm that the nav bar here is working in IE, with the drop down lists? The problem I have still exists, and you can see it below. The nav items should say "HOME", "WHO WE ARE", "BEFORE YOU COME", "FAQ", and "CONTACT".



    The style sheet is here, if you wanted to see it.

    P.S. Thanks for the help, BonRouge!

  • #8
    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
    Yeah thats what it says in PC IE6 and IE7 but your nav doesn't work on IE6 mainly because you didn't follow BonRouge's instructions correctly, more specifically post #4.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #9
    New Coder
    Join Date
    May 2007
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    oops, I could have sworn I put that in... must have missed it. The stylesheet is updated now. How do things look in IE6 now?

  • #10
    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
    Looks fine now except you need to add a top margin to li:hover ul, li.over ul 40px seems good.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #11
    New Coder
    Join Date
    May 2007
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    when I put in the 40 px top margin it drops my list items too low. Is it necessary for IE? (remember, I can't see IE for the PC) If it's not necessary, I'd rather have it sit where it is.

  • #12
    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
    Yes its necessary (or I wouldn't have told you to do so, common sense), the menus are going behind the main links. Its happening in IE7 as well. Add this after your link to your stylesheet
    Code:
    <!--[if lte IE 7]>
    <style type="text/css">
    #nav li:hover ul, #nav li.over ul {
    margin-top:40px;
    }
    </style>
    <![endif]-->
    That will target IE6 and IE7 for PC.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #13
    New Coder
    Join Date
    May 2007
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    looks good. thanks. remember, I can't see what's happening in IE.


  •  

    Posting Permissions

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