This is a discussion on "Website NOT showing menu hover in Internet Explorer ???" within the Web Page Design section. This forum, and the thread "Website NOT showing menu hover in Internet Explorer ??? are both part of the Design Your Website category.
|
|
|
|
|
![]() |
||
Website NOT showing menu hover in Internet Explorer ???
|
||
| Notices |
![]() |
|
|
LinkBack | Thread Tools |
|
#1
|
|||
|
|||
|
I seem to have Internet Explorer Compatibility Issue here.
My website can be seen perfectly well in Firefox but NOT in Internet Explorer. It can be seen on http://darsh25.tripod.com/alcohol.html It's a CSS based website & on an online tuturial, I was told to download a file "csshover.htc" in order for my menu & submenus appear on Internet Explorer (cos of some compatibility issue). The attached picture shows the hover effect of one of the topMenu link (Alcohol) & one of the leftMenu link (Whisky), which is what it should've been doing. You might get some understanding from this article: http://www.xs4all.nl/~peterned/csshover.html Interesting thing (although quite peculiar) is, all these menu hover links works perfectly well BOTH in Internet Explorer & in Firefox, if I test it using these 2 browser at home, but as soon as I uploaded my website on Internet, these menu hover effects DOES NOT work in Internet Explorer. Below is that part of the code within my Style Sheet (the entire style sheet code is also provided at the end). /* This Code is for Microsoft Internet Explorer Browser as it shows the effect of "li:hover" */ body { behavior: url(csshover.htc); } Now, I've uploaded all my files on my tripod websice along with "csshover.htc" file, as soon as the mouse is rolled over top or left menu, I can't see it's "hover" effect at all in Internet Explorer, but it's working OK in Firefox. My Style Sheet code is:
|
|
|
|
#2
|
||||
|
||||
|
Re: Website NOT showing menu hover in Internet Explorer ???
Hover function is not supported by Internet Explorer, sorry, I think someone came up with a good work around, but i cant remember, search for similar "hover" queries on this site!
Craig |
|
#3
|
|||
|
|||
|
Quote:
In fact, that's why I had to download a file "csshover.htc" so the codes within this particular file makes it possible for this CSS based website compatible on Internet Explorer browser. Even the article on website http://www.xs4all.nl/~peterned/csshover.html explains the same, as how to overcome this problem, so I presume although achieving the exact result isn't quite a plain sailing however, there's a fair chance of getting it done. Over the coming days, I'll be exploring into it. By the way, any other way of getting the same same result, since I've seen many website having exactly the same hover effect as in my "leftMenu", while browsing their website on Internet Explorer ??? Last edited by j4mes_bond25; Apr 26th, 2006 at 20:04. |
|
#4
|
|||
|
|||
|
Re: Website NOT showing menu hover in Internet Explorer ???
Hi there,
I don't know if you have tweaked somethin but the sub-menus are showing for me in IE 6 on XP SD 2. Cross browser styling issues need sorting. Menus look awful in IE. You layout doesn't accomodate different viewing widths very well. Main text area need to be fluid in width. In FF for example, with a viewing width of 820px plus the scroll bar, the main text is pushed down below the vavigation and is partially hidden off to the right. You need to validate and clean-up your code. W3C validator for main page shows 83 errors. |
|
#5
|
||||
|
||||
|
Re: Website NOT showing menu hover in Internet Explorer ???
I'm not sure exactly what you are after, but I have hover working for a css pop-up in IE which I think is what you're after, by using the display style in a span. The only thing I haven't been able to do is to make it show over another div to the right or left, but I haven't had time to fiddle with it today.
See the thread just above, "Rollovers and absolute positioning", and see if that helps out at all. It works like a charm for me. If someone finds a way to make it display on top of other divs, let me know. |
|
#6
|
|||
|
|||
|
Re: Website NOT showing menu hover in Internet Explorer ???
Hi James, This line apeears twice in your code. body { behavior: url(csshover.htc); } In your #leftMenu ul li ul, reduce the left value by a px or two. This will stop the sub-menus from disappearing when the cursor is just on the line between parent and sub. If you add border-bottom: 0; to your #leftMenu ul definition, you will get rid of the extra line at the bottom of your menus. You need to tweak the width of the bottom borders on the sub-menus as they don't meet the right-hand edge. I strongly suggest you get rid of the pop-up drinks. |
|
#7
|
||||
|
||||
|
Re: Website NOT showing menu hover in Internet Explorer ???
James....
You are running IE6, right? IE7 beta is still very buggy, so dont expect it to work.
__________________
Click the 'Thanks!' button if this post has helped you Rob - Webforumz Founder
Last Blog Entry: Creative Labs threaten developer over home made drivers.... (Apr 1st, 2008)
|
|
#8
|
|||
|
|||
|
Quote:
As per your recommendation, I've reduced the left value of menu & hence now the "sub-menu" stays rather than disappearing. Additionally, I've added "border-bottom" with "0px" value, along with being able to tweak the width of the bottom borders on the sub-menus as they don't meet the right-hand edge. You can see the changes on my website, since I've updated it back again. Although, I wonder if you could explore further on your very last recommendation, as how do you mean by "pop-up" drinks. |
|
#9
|
|||
|
|||
|
Quote:
|
![]() |
| Tags |
| website, showing, menu, hover, internet, explorer |
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Internet Explorer 6.0 & 5.5 don't like me | bodgit | Web Page Design | 0 | May 10th, 2008 17:40 |
| Internet Explorer 8 | CloudedVision | Webforumz Cafe | 9 | Feb 21st, 2008 00:05 |
| Bloody Internet Explorer! | JasonKing | Web Page Design | 2 | Sep 8th, 2007 12:24 |
| CSS Internet Explorer only | Kropotkin | Web Page Design | 8 | Sep 5th, 2007 12:34 |