View Full Version : Mouseover Tabs disagree with Internet Explorer

12-23-2010, 08:43 PM
1) Script Title: Mouseover Tabs Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/mouseovertabs.htm

3) Describe problem: Greetings. I have customized your amazing mouseover menu to fit my needs perfectly, and it looks to show up perfectly everywhere but internet explorer. IS there a general patch that will help me? Thanks!
(script below)

<!--Begin Navigation Script-->
<link rel="stylesheet" type="text/css" href="Scripts/mouseovertabs.css" />

<script src="Scripts/mouseovertabs.js" type="text/javascript">

* Mouseover Tabs Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more

<!--End Navigation Script-->

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<td align="center" valign="middle"><a href="../index.html"><img src="images/Banner_New.jpg" alt="Napoleon Gourmet Grills" width="950" height="57" border="0" /></a></td>
<!--Begin Navigation-->
<td bgcolor="#323232">
<div id="mytabsmenu" class="tabsmenuclass">
<li><a href="full_line_napoeon_grills.html" class="nav" rel="gotsubmenu">Gourmet Grills</a></li>
<li><a href="Accessories/bbq_accessories.htm" class="nav" rel="gotsubmenu">Grill Accessories</a></li>
<li><a href="Recipes/Grill_Recipe_recipes_main.html" class="nav" rel="gotsubmenu">Grill Recipes</a></li>
<li><a href="Care/maintenance.html" class="nav" rel="gotsubmenu">Customer Care</a></li>
<li><a href="company/about.html" class="nav" rel="gotsubmenu">Company</a></li>
<li><a href="dealer_locator.html" class="nav">Where to Buy</a></li>
<div id="mysubmenuarea" class="tabsmenucontentclass">
<!--1st link within submenu container should point to the external submenu contents file-->
<a href="submenucontents.html" class="nav2" style="visibility:hidden">Prestige™ PRO</a>

<script type="text/javascript">
//mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout")
mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true)

<!--End Navigation-->
<script type="text/javascript">
//mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout")
mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true)

<!--End Navigation-->

12-24-2010, 06:06 AM
Please post a link to the page on your site that contains the problematic script so we can check it out.

01-11-2011, 05:26 PM
Hi there.

Thank you for responding.
Unfortunately I cannot post a link to the site, its completely offline at the moment.
I work for a large company and I have been asked to create a site for .co.uk clients, we have yet to get the domain name. I know that poses a problem for you, however I was wondering if there was a compatibility patch or code that I could use. I have seen them before on some sites.

If not I am really unsure as to what to do.
But I thank you for your help and the wonderful script that you created.


01-13-2011, 01:09 AM
There is no general one patch that fixes all compatibility issues unfortunately. What version of IE is the issue occurring in for you? If the script works in some versions of IE and not others, you might try adding IE's compatibility meta tag to the HEAD section of your page to have the browser render that page in a particular IE mode that you know the script works in. For example, the following code when added to your page instructs IE to render the page as IE7 does, regardless of whether the browser is IE8 for example:


See here for more info on this tag: http://msdn.microsoft.com/en-us/library/ms533876%28v=vs.85%29.aspx