Hover in IE7

Rate this topic:

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.

Author

Messages

Shane

Posts:28

05/01/2007 11:34 AM
Sorry for posting this issue in this thread, but as an entirely separate issue when I select "Add New Topic" I am redirected to the forum home page. The problem I am having is with the hover behavior in IE7. The nested lists are only hidden on a "mouseout" event when I exit to the top of the horizontal top level ul. The first list item behaves a little differently in that exiting to the left or exiting from the bottom of the ul will also hide the nested list. Is this a known issue? Should I email you about this or continue the dialog in this thread? Great module by the way, with this small exception it performed exactly the way I'd hoped it would and another module we purchased did not. I wish we had gotten yours first...

John Mitchell
Posts:3478

05/01/2007 2:25 PM
I split the thread out. It sounds like I may have a problem in my newest PageBlaster caching. I think the issue you are seeing is due to the child menu not being close enough to the parent menu, so when you cross the line it hides it. If you adjust the position of the child so it is closer you will be able to move from parent to child without it hiding. Thanks for the positive feedback. I've been trying to make it handle as much as possible in the most standard way possible.

Shane

Posts:28

05/02/2007 9:28 AM
Compliments naturally follow good work and for some reason I've always found it difficult to find a tool that uses industry standards. Thank you again for the breath of fresh air. The problem I am seeing is oddly opposite of that. The menus appear and remain in place a little too well, unfortunately. :) I apologize for the awkward wording, it's been difficult for me to articulate. The child menus remain visible until I either exit the parent item to the top or in the case of the first list item I can exit to the bottom of the child menu and the menu will hide or to the left of the parent list item. ^ ^ ^ < list item 1 \| list item 2 \| list item 3 child item 1 child item 1 child item 2 child item 2 \/ In other words, any direction that does not have an arrow will not result in a successful "onmouseout" event for hiding the child menus in IE7. This may sound a bit trivial, but it can be pretty confusing for a visitor when you see it in practice. Many of the child menus will remain visible and start to overlap each other. Does this make sense?

John Mitchell
Posts:3478

05/02/2007 9:38 AM
Ahh, I see what you are saying, but I have never seen it happen. If you have a site that I could look at, or send me a skin that is behaving this way I may be able to figure out what is going on. The onmouseout is in the actual list item (LI), not the whole list (UL), so I don't see how it could behave that way. Maybe something is happening to make them overlap too much. It doesn't appear to happen on the demo below: http://demo.snapsis.com/Hover/HorizontalHover/tabid/54/Default.aspx Maybe I don't have the right tab setup though.

Shane

Posts:28

05/02/2007 11:15 AM
I am trying to get approval to take this site from behind the firewall. Is there an email I can send the ip address to when the test site is made publicly accessible? I know I would not be able to get permission from management to have a live link to the ip so I would have to send it to you privately. I probably wouldn't be able to make this happen until Friday, is there something else I could send you that might help you diagnose the problem such as the xhtml and css? Thank you

John Mitchell
Posts:3478

05/02/2007 11:27 AM
You could send me your skin, and I could apply it on the demo site. If you want to send me a private message you can do so by clicking on my username, or just reply directly to an e-mail notification from these forums.

Shane

Posts:28

05/03/2007 4:36 PM
Sent the skin in the late morning. Did you receive it?

John Mitchell
Posts:3478

05/03/2007 4:41 PM
Yes, I have it. I should be able to look at this in a few hours.

John Mitchell
Posts:3478

05/05/2007 8:39 AM
Ok, I was able to see the behvior on your local site. My guess is that it is becuase of the absolute positioning of the menu container, but I have to admit I don't know why. As a test, try doing the menu exactly the same way but don't absolutely position the menu. I'm also not sure what this css is supposed to do: #nav ulHeading{position: absolute; top: 60px; left: 464px; width: 300px; height: 20px; text-align: right;} It looks like you may have intended for ulHeading to be a class selector, but I don't see that in the output. Very nice looking menu by the way. I like how your CSS is so concise.

Shane

Posts:28

05/07/2007 12:55 PM
Thank you for taking the time to look at this and thank you for noticing the work that went into the css. :) I found a fix for that issue here: http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/ To paraphrase the article, all I needed to do was add the following line assuming the div has an id of "menu": #menu ul li:hover, #menu ul li.hover { position: static; } I tried this and it did the trick. Thank you for your time, I hope this helps someone else should they get stuck on this. And once again, nice module!

John Mitchell
Posts:3478

05/07/2007 1:01 PM
Excellent. I'm glad you figured it out, and thanks for posting the fix back here. I don't know if I have ever even used position:static before. I'll have to remember that one.

John OBrien
<20 Posts

Posts:1

08/25/2007 9:15 PM
Yes I has the same issue and the fix worked. For me my menu had an ID of "nav" so I simply added: #nav ul li:hover {position: static;} John.

Rashmi

Posts:1

08/29/2008 1:46 AM
Hi there, I had exactly same problem in IE7. You post helped me to fixed it. Many thanks! keep up the good work.

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.