Menu works in IE, not Firefox

CSS, Javascript or HTML causing problem?

Page 1 of 1

6 Replies - 4325 Views - Last Post: 06 March 2006 - 06:55 PM

#1 bufhal  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 04-March 06

Menu works in IE, not Firefox

Posted 04 March 2006 - 06:45 PM

Hello;
I hope an experienced person can help me.
Our website at:
attotech.com
has a top menu that currently works in Internet Explorer but does not in Firefox. The containers seem to cut off in FF.

I have three CSS files, one Javascript and the index page. I am a bit new at this and really need someone to please take a look at the files and please tell me where the code needs to be modified so it will work in IE and Firefox.

I have attached the Javascript. I can zip the CSS files and email if someone can take a look.
The link to our site, attotech.com has the index page that is rendering correctly in IE but not Firefox.
I really appreciate any and all help..
I great thank you in advance.


Here is one of the CSS files, example.css
.ddmx {
font: 13px tahoma;
}
.ddmx .item1,
.ddmx .item1:hover,

.ddmx .item1-active,
.ddmx .item1-active:hover {
padding: 0px 0px 0px 0px;
font: 12px arial;
font-weight: bold;
text-decoration: none;
display: block;
white-space: nowrap;
position: relative;
background-color: #50788F;
color: #ffffff;
background: #50788F;


}
.ddmx .item2,
.ddmx .item2:hover,

.ddmx .item2-active,
.ddmx .item2-active:hover {
padding: 3px 8px 4px 8px;
font: 12px arial;
color: #50788F;
font-weight: bold;
text-decoration: none;
display: block;
white-space: nowrap;
position: relative;
z-index: 500;
background-color: #999999;
border-width:1px;
border-style:solid;

}
.ddmx .item2 {
background: #e5e1da;
border-color: #FFFFFF;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
background: #50788F;
color: #FFFFFF;
border-color: #FFFFFF;
}

/* This is a comment */

.ddmx .item3,
.ddmx .item3:hover,

.ddmx .item3-active,
.ddmx .item3-active:hover {
padding: 3px 8px 4px 8px;
background: #50788F;
font: 12px arial;
color: #ffffff;
font-weight: bold;
text-decoration: none;
display: block;
white-space: nowrap;
position: relative;
z-index: 500;
background-color: #50788F;
border-width:1px;
border-style:solid;

}
.ddmx .item3 {
background-color: #50788F;
color: #ffffff;
background: #50788F;
border-color: #FFFFFF;
}
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover {
background-color: #50788F;
color: #ffffff;
background: #50788F;
border-color: #FFFFFF;
}


/* This is a comment */



.ddmx .arrow,
.ddmx .arrow:hover {
padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
position: absolute;
top: 4px;
right: 1px;
border: 0;
}
/* This is a comment */

.ddmx .item3 img,
.ddmx .item3-active img{
position: absolute;
top: 4px;
right: 1px;
border: 0;
}

/* This is a comment */


.ddmx .section {
border: 0px solid #50788F;
position: absolute;
visibility: hidden;
z-index: -1;
}

img {
border:0;
}


* html .ddmx td { position: relative; } /* ie 5.0 fix */

Is This A Good Question/Topic? 0
  • +

Replies To: Menu works in IE, not Firefox

#2 Arbitrator  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 51
  • View blog
  • Posts: 530
  • Joined: 26-January 05

Re: Menu works in IE, not Firefox

Posted 04 March 2006 - 08:04 PM

Heh, well I can't seem to get the site working by just taking the files and piecing them together so that I can run it locally and fiddle with the CSS. The website's code seems to be overly-complex for such a simple layout; this is probably due to the consistent use of deprecated tags, redundant code, unnecessary nesting, etc. You might want to check the validator because it says your page has 326 errors: W3C Validation for ...://www.attotech.com/; this is definitely not valid XHTML 1.0 Transitional.

Anyway, you should be able to attach a zip file to your post by using the "File Attachment" function. It's kind of hard to debug something that complex without being able to actually test alterations. It would make things simpler to just provide a blank page with the Javascript menu on it along with the associated CSS and images since the rest of the page seems to obfuscate things a bit.

This post has been edited by Arbitrator: 04 March 2006 - 08:10 PM

Was This Post Helpful? 0
  • +
  • -

#3 bufhal  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 04-March 06

Re: Menu works in IE, not Firefox

Posted 04 March 2006 - 08:56 PM

Hi Arbitrator;
thanks for the reply and taking a look. I have used HTML TIDY and cleaned up the index page on our test site, atto.net. I have zipped and attached all files and index is below. The test site (index.html below) now works in Firefox but the menu has positoning issues in IE. The attotech.com site is our live site. I will not be dealing with it until I get this working on our test password-protected site. This is very close to working. I hope you can take a look and see if you notice why the IE version menu text is ok but the "container" or background of the menu is cut off.


<html xmlns="http://www.w3.org/1999/xhtml">
<!-- mod.11.29.05.MS deleted SC World event and added Macworld -->
<!-- mod.11.29.05.GZ uploaded missing rollover image "upper_01_over.gif" -->
<head>
<meta name="generator"
content="HTML Tidy for Linux/x86 (vers 1st November 2002), see www.w3.org" />
<link href="/default.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/atto.css" type="text/css" />
<style type="text/css">
/*<![CDATA[*/
body {
font: 12px tahoma;
background: #ffffff;
margin: 0;
padding: 5px;
}
/*]]>*/
</style>
<link rel="stylesheet" type="text/css" href="/example1.css" />
<script type="text/javascript" src="/ie5.js">
</script>
<script type="text/javascript" src="/DropDownMenuX.js">
</script>
<style type="text/css">
/*<![CDATA[*/


<!--
.style1 {font-size: 12px}
.style3 {font-size: 10px}
.style4 {font-size: 10}
.style5 {color: #FF0000}
.style6 {font-weight: bold}
-->
/*]]>*/
</style>
<title>ATTO Technology, a Global Leader in Fibre Channel and SCSI Connectivity
Solutions</title>
</head>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<table border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td>
<p><img src="/images/leftlogo.gif" alt="" valign="top" border="0" /><br />
<!--this spacer added by Gary -->
<img src="/images/spacer.gif" alt="" align="left" width="12"
height="139" /></p>
<p> </p>
<p><br />
<!-- #BeginLibraryItem "/Library/homesidemenu.lbi" --></p>
<table cellspacing="0" cellpadding="0" id="menu2" class="ddmx">
<tr>
<td>
</td>
<td bordercolor="#000000">
<a class="item3 arrow"
href="java script:void(0)">          I
want to ...
          <img
src="/images/arrow3.gif" width="10" height="12" alt="" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2" href="/contact.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Have a rep contact me</a> <a
class="item2" href="/registration.php?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Register a product</a> <a
class="item2" href="/software/app1.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Download Firmware</a> <a
class="item2" href="/contact.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Locate ATTO contact info</a> <a
class="item2" href="/press/pressrel.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Read Latest News</a> <a
class="item2" href="/job.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Search Job Opportunities</a> <a
class="item2" href="/products.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">View Products</a> <a class="item2"
href="/attostore.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Shop Web Store</a> <a class="item2"
href="/images.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Download product photos</a> <a class="item2"
href="/services/index.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">View Support Programs</a>
</div>
</td>
</tr>
</table>
<!-- #EndLibraryItem --><img src="/images/spacer.gif" alt="" align="left"
width="8" height="220" /><br />
<br />
<br />
<a href="/faststream5300.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img src="/images/faststreambutton.gif" alt=""
width="142" height="109" border="0" /></a><br />
<br />
<a href="apple.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img src="/images/applebutton.gif" alt=""
border="0" /></a> <br />
<br />
<div id="leftMenu" onmouseover="show ('leftMenu')" return=""
onmouseout="hide ('leftMenu');" class="menu"
style="position:absolute; left:26px; top:244px; z-index:2; visibility:hidden">
<table border="0">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="boxed5"><a class="home" href="/contact.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Have a rep
contact me</a><br />
<a class="home" href="/registration.php?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Register a
product</a><br />
<a class="home" href="/software/app1.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Download
Firmware</a><br />
<a class="home" href="/contact.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Locate ATTO contact
info</a><br />
<a class="home" href="/press/pressrel.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Read Latest
News</a><br />
<a class="home" href="/job.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Search Job Opportunities</a><br />
<a class="home" href="/products.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">View Products</a><br />
<a class="home" href="/attostore.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Shop Web Store</a><br />
<a class="home" href="/images.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Download product
photos</a><br />
<a class="home" href="/services/index.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">View Support
Programs</a><br />
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
<td valign="top">
<!-- #BeginLibraryItem "/Library/homemenu.lbi" -->
<table border="0" cellpadding="0" cellspacing="0" class="ddmx" id="menu1">
<tr>
<td>
<a class="item1" href="/corporate.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img src="/images/home/menu1.gif"
width="70" height="32" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2" href="/attoview.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">About ATTO</a> <a class="item2"
href="/press.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Press Room</a> <a class="item2"
href="/events.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Events</a> <a class="item2" href="/job.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Job
Opportunities</a> <a class="item2" href="/contact.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Contact Us</a>
<a class="item2" href="/alliances.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Alliances</a> <a class="item2"
href="/directions.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Map to ATTO</a> <a class="item2"
href="/attoimages.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">ATTO logo</a>
</div>
</td>
<td>
<a class="item1" href="/products.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img src="/images/home/menu2.gif"
width="68" height="32" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2 arrow" href="/hostadapter.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Host Adapters<img
src="/images/arrow1.gif" width="10" height="12" alt="" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2 arrow" href="/fc.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Fibre Channel: Celerity<img
src="/images/arrow1.gif" width="10" height="12" alt="" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2-active" href="/hostadapter.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><span
class="style1"><u>4 Gigabit Fibre Channel</u></span></a> <a
class="item2" href="/celerityFC-44ES.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Celerity FC 44ES: Quad
Channel, PCIe</a> <a class="item2"
href="/celerityFC-42ES.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Celerity FC 42ES: Dual Channel,
PCIe</a> <a class="item2" href="/celerityFC-42XS.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Celerity FC
42XS: Dual Channel, PCIx</a> <a class="item2"
href="/celerityFC-41XS.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Celerity FC 41XS: Single Channel,
PCIx</a> <a class="item2-active" href="/hostadapter.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><span
class="style1"><u>2 Gigabit Fibre Channel</u></span></a> <a
class="item2" href="/celerityFC-24XL.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Celerity FC 24XL: Quad
Channel, PCIx</a> <a class="item2"
href="/celerityFC-21PS.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Celerity FC 21PS: Single Channel,
PCI</a> <a class="item2" href="/epcifc3300.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Express PCI FC
3300: Single Channel, PCIx</a>
</div>
<a class="item2 arrow" href="/scsi.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">SCSI: Express PCI<img
src="/images/arrow1.gif" width="10" height="12" alt="" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2" href="/ultra5D.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">EPCI UL5D: Dual Channel,
PCIe</a> <a class="item2" href="/ultra4D.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">EPCI UL4D: Dual
Channel, PCIx</a> <a class="item2" href="/ultra4s.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">EPCI UL4S:
Single Channel, PCIx</a>
</div>
</div>
<a class="item2 arrow" href="/appliances.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Appliances<img
src="/images/arrow1.gif" width="10" height="12" alt="" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2 arrow" href="/fcbridge.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><span
class="style1">Fibre Channel: FibreBridge™</span><img
src="/images/arrow1.gif" width="10" height="12" alt="" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2-active" href="java script:void(0)"><span
class="style1"><u>4 Gigabit FC-to-Ultra 320 SCSI -
Rackmount</u></span></a> <a class="item2"
href="/fbridge2400.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Fibrebridge 2400R/D: 2 FC-to-2 SCSI
Ports</a> <a class="item2" href="/fbridge2390.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Fibrebridge
2390R/D: 1 FC-to-2 SCSI Ports</a> <a class="item2-active"
href="java script:void(0)"><span class="style1"><u>4 Gigabit
FC-to-Ultra 320 SCSI - Embedded</u></span></a> <a class="item2"
href="/fbridge2400c.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">FibreBridge 2400C: 2 FC-to-2 SCSI
Ports</a> <a class="item2" href="/fbridge2390c.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">FibreBridge
2390C: 1 FC-to-2 SCSI Ports</a> <a class="item2-active"
href="java script:void(0)"><span class="style1"><u>2 Gigabit
FC-to-Ultra 160 SCSI - Rackmount</u></span></a> <a class="item2"
href="/fbridge2350C.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Fibrebridge 2350R/D: 1 FC-to 2-SCSI
Ports</a> <a class="item2" href="/fbridge2300erd.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Fibrebridge
2300R/D: 1 FC-to-2 SCSI Ports</a> <a class="item2-active"
href="java script:void(0)"><span class="style1"><u>2 Gigabit FC to
Ultra 160 SCSI - Embedded</u></span></a> <a class="item2"
href="/fbridge2350C.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">FibreBridge 2350C: 1 FC-to-2 SCSI
Ports</a> <a class="item2" href="/fbridge2300e.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">FibreBridge
2300E: 1 FC-to-2 SCSI Ports</a> <a class="item2"
href="/fbridge1290e.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">FibreBridge 1290E: 1 FC-to-2 SCSI
Ports</a> <a class="item2-active" href="java script:void(0)"><span
class="style1"><u>Ultra 160 SCSI to Ultra2 SCSI -
Desktop</u></span></a> <a class="item2"
href="/fbridge1180d.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">FibreBridge 1180D: 1 FC-to-1 SCSI
Port</a>
</div>
<a class="item2 arrow" href="/gbbridge.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">iSCSI:
iPBridge™<img src="/images/arrow1.gif" width="10" height="12"
alt="" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2-active" href="/gbbridge.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><span
class="style1"><u>iSCSI to SCSI - Rackmount</u></span></a> <a
class="item2" href="/ipbridge2500RD.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">iPBridge 2500R/D: 3
iSCSI-to-2 Ultra160 SCSI Ports</a> <a class="item2"
href="/ipbridge1550D.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">iPBridge 1550D: 1 iSCSI-to-1 Ultra160
SCSI Ports</a> <a class="item2" href="/ipbridge1500D.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">iPBridge
1500D: 1 iSCSI-to-1 Ultra160 SCSI Ports</a> <a class="item2-active"
href="/gbbridge.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><span class="style1"><u>iSCSI to SCSI -
Embedded</u></span></a> <a class="item2"
href="/ipbridge2500.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">iPBridge 2500C: 3 iSCSI-to-2 Ultra160
SCSI Ports</a> <a class="item2" href="/ipbridge1550.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">iPBridge
1550E: 1 iSCSI-to-1 Ultra160 SCSI Ports</a> <a class="item2"
href="/ipbridge1500.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">iPBridge 1500E: 1 iSCSI-to-1 Ultra160
SCSI Ports</a> <a class="item2-active" href="/gbbridge.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><span
class="style1"><u>iSCSI to Fibre Channel - Rackmount</u></span></a>
<a class="item2" href="/ipbridge2700RD.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">iPBridge 2700R/D; 4
iSCSI-to-2 4-Gb FC Ports</a> <a class="item2-active"
href="java script:void(0)"><span class="style1"><u>iSCSI to Fibre
Channel - Embedded</u></span></a> <a class="item2"
href="/ipbridge2700.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">iPBridge 2700C: 4 iSCSI-to-2 4-Gb FC
ports</a>
</div>
<a class="item2 arrow" href="java script:void(0)">Storage Controller:
FastStream&amp;#8482 <img src="/images/arrow1.gif" width="10"
height="12" alt="" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2" href="/faststream5300.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">FastStream™
5300</a>
</div>
</div>
<a class="item2 arrow" href="/software.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Software<img
src="/images/arrow1.gif" width="10" height="12" alt="" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2" href="/expressstripe.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">ExpressStripe</a> <a
class="item2" href="/expraid.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">ExpressRaid</a> <a class="item2"
href="/xtend.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">XtendSAN</a>
</div>
<a class="item2 arrow" href="/diamond/vclass.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Storage Array<img
src="/images/arrow1.gif" width="10" height="12" alt="" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2" href="/diamond/vclass.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Diamond</a>
</div>
</div>
</td>
<td height="46">
<a class="item1" href="/howtobuy.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img src="/images/home/menu3.gif"
width="83" height="32" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2" href="/attostore.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">ATTO Store</a> <a class="item2"
href="/findreseller.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Find a Reseller</a> <a class="item2"
href="/partnerprogram.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Become a Partner</a> <a class="item2"
href="/dispart.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">North American Distributors</a> <a class="item2"
href="/dispart2.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">South American Distributors</a> <a class="item2"
href="/europe.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">EMEA Distributors</a> <a class="item2"
href="/asia.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Asia-PAC Distributors</a> <a class="item2"
href="/oem.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">OEM Sales</a>
</div>
</td>
<td>
<a class="item1" href="/support.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img src="/images/home/menu4.gif"
width="61" height="32" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2" href="/techsupt.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Contact Tech Support</a> <a
class="item2" href="/warranty.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Warranties and Other Services</a>
<a class="item2" href="/trouble.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Troubleshooting, Tips, &amp;
FAQs</a> <a class="item2" href="/technicalinfo.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Technical
Information</a> <a class="item2"
href="/software/index.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Downloads</a> <a class="item2"
href="/hottopics.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Hot Topics</a>
</div>
</td>
<td>
<a class="item1" href="/solutions.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img src="/images/home/menu5.gif"
width="83" height="32" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2" href="/oemsolutions.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">OEM Embedded Solutions</a>
<a class="item2" href="/digitalcc.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Digital Content Creation</a> <a
class="item2" href="/imagingfc.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Imaging/Fixed Content</a> <a
class="item2" href="/business.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Business Continuity/Backup</a>
</div>
</td>
<td>
<a class="item1" href="/alliances.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img src="/images/home/menu6.gif"
width="69" height="32" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2" href="/partnerprogram.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Partner Program</a> <a
class="item2" href="/ialliances.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Industry Alliances</a> <a
class="item2" href="/iassoc.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Industry Associations</a>
</div>
</td>
<td>
<a class="item1" href="/attostore.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img src="/images/home/menu7.gif"
width="74" height="32" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2" href="/attostore.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Atto Store</a>
</div>
</td>
<td>
<a class="item1" href="/software/index.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img
src="/images/home/menu8.gif" width="110" height="32" /></a>
<div style="border: 2px; #FFFFFF" class="section">
<a class="item2" href="/software/index.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Software</a> <a
class="item2" href="/software/index.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Product Information</a>
</div>
</td>
</tr>
</table>
<!-- #EndLibraryItem -->
<img src="/images/spacer.gif" alt="" align="left" width="1" height="1" /><img
src="/images/home/faststreambanner3.gif" alt="" width="564" height="176"
border="0" valign="top" /><br />
<img src="/images/home/newsevents.gif" alt="" /><br />
<br />
<table border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td width="415">
<p><img src="/images/spacer.gif" alt="" align="left" width="25"
height="271" /></p>
<p align="left" class="home"><a href="press/faststream2.06.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"
class="home">ATTO Technology Unveils New Storage Appliance that Offers
Unparalleled Parity Protection and Performance</a></p>
<p><a class="home" href="/press/brocade10.05.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">ATTO Technology, Inc.
Receives Brocade Fabric Aware Status For Interoperability on 4-Gigabit
Products</a><br />
<br />
<a class="home" href="/press/medea10.05.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">ATTO Technology and
Medéa Deliver Integrated 4-Gigabit Fibre Channel Storage
Solution</a><br />
<br />
<a class="home" href="/press/UL5D10.05.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">ATTO Technology Announces
Next-generation Ultra320 SCSI Product Featuring PCI Express</a><br />
<br />
<a class="home" href="/press/agilent10.05.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">ATTO Technology
Showcases Next-generation 4-Gigabit PCI Express Fibre Channel Solutions
with Agilent Technologies</a><br />
<br />
<a class="home" href="/press/UL5DApple10.05.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">ATTO Technology
Delivers Blazing-fast Transfer Rates for Apple's Power Mac G5 with PCI
Express</a></p>
</td>
<td><img src="/images/spacer.gif" alt="" border="0" width="15" /></td>
<td width="150">
<div align="left">
<p class="style4"><b><span class="style3"><a
href="http://www.fose.com/index.cfm?fuseaction=Custom.Content&amp;MenuID=1000">
FOSE</a></span></b><a
href="http://www.fose.com/index.cfm?fuseaction=Custom.Content&amp;MenuID=1000">
<br />
</a> <b>Washington, D.C.</b><a
href="http://www.fose.com/index.cfm?fuseaction=Custom.Content&amp;MenuID=1000">
<br />
</a> <strong>Booth # 1352</strong><br />
<span class="style5"><br />
<span class="style6"><a
href="http://www.cebit.de/homepage_e?x=1">CeBIT<br />
</a></span></span> <strong>Hannover, Germany</strong><br />
<strong>Hall 1 Booth B8</strong><br />
<a href="http://www.snwusa.com/"><br />
<strong>SNW<br />
</strong></a> <strong>San Diego,CA</strong><br />
<strong>Booth # PP19</strong><br />
<br />
<img src="/images/Free-Shipping-home-page.gif" alt="" width="131"
height="96" /></p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">
<br />
<a href="/register/index.php?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img src="/images/home/u.jpg" alt=""
border="0" /></a> <img src="/images/home/u2.jpg" width="275" height="108"
border="0" usemap="#solutions_map" /><map id="solutions_Map"
name="solutions_Map">
<area shape="rect" alt="" coords="120,0,274,107" href="/solutions.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4" />
<area shape="rect" alt="" coords="69,52,119,107" href="/imagingfc.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4" />
<area shape="rect" alt="" coords="0,52,68,107" href="/digitalcc.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4" />
<area shape="rect" alt="" coords="70,0,120,51" href="/business.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4" />
<area shape="rect" alt="" coords="0,0,67,51" href="/oemsolutions.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4" />
</map> <a href="/attostore.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img src="/images/home/u3.jpg" alt=""
border="0" /></a><br />
              <a href="/ultra4D.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img
src="/images/home/rohs.gif" alt="" border="0" /></a><a
href="/celerityFC-42ES.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img src="/images/home/44ES-web-box.gif" alt=""
border="0" /></a><a href="/diamond/vclass.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4"><img
src="/images/home/diamond12.gif" alt="" border="0" /></a><br />
<br />
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="/images/spacer.gif" alt="" border="0" width="15" /></td>
<td width="750">
<!-- #BeginLibraryItem "/Library/footer1.lbi" -->
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>
<!-- Footer -->
<div class="footer" align="center">
<a href="index.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Home</a> . <a
href="sitemap.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Sitemap</a> . <a href="contact.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Contact
Us</a> . <a href="search.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Search</a> . <a
href="newsletter.html?PHPSESSID=fa253abd580c6546462d3bc9e2650cd4">Subscribe</a><br />
© 2006 ATTO Technology, Inc.
</div>
<!-- /Footer -->
</td>
</tr>
</table>
<!-- #EndLibraryItem -->
</td>
<td><img src="/images/spacer.gif" alt="" border="0" width="15" /></td>
</tr>
</table>
</td>
</tr>
</table>
<script type="text/javascript">
//<![CDATA[
var ddmx = new DropDownMenuX('menu1');
ddmx.delay.show = 0;
ddmx.delay.hide = 400;
ddmx.position.levelX.left = 2;
ddmx.init();
//]]>
</script><script type="text/javascript">
//<![CDATA[
var ddmx = new DropDownMenuX('menu2');
ddmx.type = "vertical";
ddmx.delay.show = 0;
ddmx.delay.hide = 400;
ddmx.position.levelX.left = 2;
ddmx.init();
//]]>
</script>
</body>
</html>

Attached File(s)


Was This Post Helpful? 0
  • +
  • -

#4 Arbitrator  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 51
  • View blog
  • Posts: 530
  • Joined: 26-January 05

Re: Menu works in IE, not Firefox

Posted 05 March 2006 - 01:51 AM

One of the problems to which I was referring is that I can't test your page out of the box locally without making edits to every outside reference (all images, stylesheets, etc) because there is a preceding slash in the address to each object. Basically, I have to go and remove every slash before I can test the page.

Edit: Well I can't seem to get the script to work in either Firefox or Internet Explorer. In IE I get the following error message:

Line: 443
Char: 5
Error: 'DropDownMenuX.js' is undefined
Code: 0

This post has been edited by Arbitrator: 05 March 2006 - 02:40 AM

Was This Post Helpful? 0
  • +
  • -

#5 bufhal  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 04-March 06

Re: Menu works in IE, not Firefox

Posted 05 March 2006 - 08:47 AM

I appreciate any help. Please tell me what files the slash is in and I will do a find and replace in Dreamweaver and resend. Please tell me if you can still take a look
Was This Post Helpful? 0
  • +
  • -

#6 Arbitrator  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 51
  • View blog
  • Posts: 530
  • Joined: 26-January 05

Re: Menu works in IE, not Firefox

Posted 05 March 2006 - 09:36 PM

The slashes were in the HTML file for example "/images/whatever.gif" does not read locally but remove the preceding slash and it does. Anyway, I went ahead and removed them manually after making that post last night to see what I could do, but even so I still can't test something that I can't get to run.

I'm familiar with XHTML and CSS but not really with Javascript so I couldn't say what the problem there is. The menu images will show up but when hovering over them nothing happens and I also have the mentioned error in IE (the error message can be accessed via an error icon in the status bar). Perhaps it's because I'm using a different (the latest: 5.0 Update 6) version of Java that doesn't like the script or I need something else for it to run.

This seems to be the trigger for the JS but it's not working:
<div id="leftMenu" onmouseover="show ('leftMenu')" return=""
onmouseout="hide ('leftMenu');" class="menu"
style="position: absolute; left: 26px; top: 244px; z-index: 2; visibility: hidden">

Suffice it to say that based on the above, the webpage's functionality seems to be tied to the quirks of the server that's hosting it and at any rate unless it can be made to work locally, there's no real way for anyone else to test this and debug. A good way to tell is to copy all the files to an unrelated personal computer and if it works then you've got things set up for testing. Sorry to say I otherwise can't help.
Was This Post Helpful? 0
  • +
  • -

#7 bufhal  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 04-March 06

Re: Menu works in IE, not Firefox

Posted 06 March 2006 - 06:55 PM

thank you very much for your help. I am afraid I have much work to be done..I appreciate it.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1