...

View Full Version : IE problem with CSS-based suckerfish nav



robinogi
06-02-2007, 04:09 PM
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!

BonRouge
06-02-2007, 05:17 PM
Your list should have the id 'nav' - not the div containing it.

robinogi
06-02-2007, 09:49 PM
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.

BonRouge
06-03-2007, 12:46 AM
You need to do what I said and add this to your stylesheet:
li:hover ul , li.over ul{ display: block; clear:left; }
Read the article: http://www.htmldog.com/articles/suckerfish/dropdowns/

robinogi
06-03-2007, 11:56 AM
still doesn't work. Any ideas?

BonRouge
06-03-2007, 01:44 PM
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.

robinogi
06-03-2007, 10:57 PM
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 (http://www.deepwaterchurch.com/prelive) 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".

http://www.deepwaterchurch.com/prelive/problem/ieMac_problem.png

The style sheet is here (http://www.deepwaterchurch.com/prelive/style.css), if you wanted to see it.

P.S. Thanks for the help, BonRouge!

_Aerospace_Eng_
06-04-2007, 12:01 AM
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 (http://www.codingforums.com/showpost.php?p=572263&postcount=4).

robinogi
06-04-2007, 01:33 AM
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?

_Aerospace_Eng_
06-04-2007, 03:23 AM
Looks fine now except you need to add a top margin to li:hover ul, li.over ul 40px seems good.

robinogi
06-04-2007, 09:47 PM
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.

_Aerospace_Eng_
06-04-2007, 10:03 PM
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

<!--[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.

robinogi
06-05-2007, 01:03 AM
looks good. thanks. remember, I can't see what's happening in IE.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum