I’ve come across a problem with CSS Menu and Internet Explorer that I’m struggling to solve.
I was alerted to this by a customer on the Costwold Engineering Website who emailed us to say that the website was broken, I thought it wasn’t as I had tested it, but when viewed on a PC with Internet Explorer 6 & 7 the CSS sub menus below the third item in the list aren’t selectable as the menu disappears as the mouse moves over them.
The menus in this case are held separately in a table as they are rather long and I wanted a structure that would hold them and allow for headings to be inserted. The links to the products are made using the Php Text Link with Query Action, thus all pages are php.
All works well in Firefox, Safari, Chrome, Opera (PC & Mac), and also on Internet Explorer 8.
You’ll only see this happening when you view the site in Internet Explorer 6 & 7, and wasn’t obvious as it worked on all other browsers (including IE8).
Not sure if this helps but I found this thread having a problem myself and I notice you have some flash elements on the page
My problem is not apparent on safari or mac firefox also. I have a css menu setup and on the pages where I also have a flash movie that the css menu dropdowns should go over but they won’t, I have tried everything I can think of to try and get the dropdowns to show above the flash but I can’t get it to work on explorer. By the way the menus work fine when there is just a picture there.
I have changed the menus now so they don’t go over the flash but you can see what I mean here http;//www.mdiss.co.uk
This is a normal part of using Flash (or other plug-in content). Your
browser hands over the rectangular space occupied by that content to
the plug-in itself, and stops updating that space. Nothing can float
above the plug-in content except more plug-in content.
So if you have Flash menus, then they can float over other Flash
content when positioned at a higher z-index than that content by your
page layout. But “normal” HTML content (like CSS menus) cannot.
Walter
On Mar 6, 2010, at 9:10 AM, agallagher wrote:
Hi Steve
Not sure if this helps but I found this thread having a problem
myself and I notice you have some flash elements on the page
My problem is not apparent on safari or mac firefox also. I have a
css menu setup and on the pages where I also have a flash movie that
the css menu dropdowns should go over but they won’t, I have tried
everything I can think of to try and get the dropdowns to show
above the flash but I can’t get it to work on explorer. By the way
the menus work fine when there is just a picture there.
I have changed the menus now so they don’t go over the flash but you
can see what I mean here http;//www.mdiss.co.uk
I have a css menu setup and on the pages where I also have a flash movie that the css menu dropdowns should go over but they won’t,
This is not a FW problem - this is a fact of life that a plug-in like the Flash one will always try and appear on top. You can try and set Z indexes and the like but there is no full-proof solution (that I am aware of)
If you remember that and design with that in mind you wont have a problem.
And as to the OP - sorry I have not yet had the chance to fire up Vista to have a look.
Thanks for the responses. i 'm pretty sure i have solved the problem. I read a thread by legends Tim Plumb and Walter and from the info contained there i have given extended values to the flash box ie. name:wmode value:transparent. All seems to work fine now, Thanks guys. http://www.mdiss.co.uk
Just realize that this is by no means guaranteed to work in all
browsers and all versions of the Flash plug-in. Your mileage may vary.
Walter
On Mar 7, 2010, at 3:12 AM, agallagher wrote:
Thanks for the responses. i 'm pretty sure i have solved the
problem. I read a thread by legends Tim Plumb and Walter and from
the info contained there i have given extended values to the flash
box ie. name:wmode value:transparent. All seems to work fine now,
Thanks guys. http://www.mdiss.co.uk