7 replies [Last post]
bufhal
Offline
Regular
Last seen: 14 years 32 weeks ago
Joined: 2006-02-07
Posts: 12
Points: 0

I hope someone can offer a little help. It is appreciated..
This is a bit complicated as this menu was added to a site with three CSS and one Javascript which all effectthe top menu. I am hoping someone with a keen eye can offer some idea of how to get the top menu working in both Foxfire and IE.
Our live site homepage has a top menu that renders ok in IE but gets cut off in Firefox http://www.attotech.com
On our test site atto.net...-which is password protected, I ran the index page through HTML Tidy and uploaded. On the test site, FF works now and IE gets cut off.

I have attached the CSS files and posted the index and JS below.
HTML TIDY index page:

<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="javascript: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=bd0a4fba05196f70fb5238014d514f0e">Have a
rep contact me</a> <a class="item2"
href="/registration.php?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Register
a product</a> <a class="item2"
href="/software/app1.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Download
Firmware</a> <a class="item2"
href="/contact.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Locate
ATTO contact info</a> <a class="item2"
href="/press/pressrel.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Read
Latest News</a> <a class="item2"
href="/job.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Search Job
Opportunities</a> <a class="item2"
href="/products.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">View
Products</a> <a class="item2"
href="/attostore.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Shop
Web Store</a> <a class="item2"
href="/images.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Download
product photos</a> <a class="item2"
href="/services/index.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">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=bd0a4fba05196f70fb5238014d514f0e"><img
src="/images/faststreambutton.gif" alt="" width="142" height="109"
border="0" /></a><br />
<br />
<a href="apple.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><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=bd0a4fba05196f70fb5238014d514f0e">Have
a rep contact me</a><br />
<a class="home"
href="/registration.php?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
Register a product</a><br />
<a class="home"
href="/software/app1.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
Download Firmware</a><br />
<a class="home"
href="/contact.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Locate
ATTO contact info</a><br />
<a class="home"
href="/press/pressrel.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
Read Latest News</a><br />
<a class="home"
href="/job.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Search
Job Opportunities</a><br />
<a class="home"
href="/products.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">View
Products</a><br />
<a class="home"
href="/attostore.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Shop
Web Store</a><br />
<a class="home"
href="/images.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Download
product photos</a><br />
<a class="home"
href="/services/index.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
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=bd0a4fba05196f70fb5238014d514f0e"><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=bd0a4fba05196f70fb5238014d514f0e">About
ATTO</a> <a class="item2"
href="/press.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Press
Room</a> <a class="item2"
href="/events.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Events</a>
<a class="item2"
href="/job.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Job
Opportunities</a> <a class="item2"
href="/contact.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Contact
Us</a> <a class="item2"
href="/alliances.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Alliances</a>
<a class="item2"
href="/directions.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Map
to ATTO</a> <a class="item2"
href="/attoimages.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">ATTO
logo</a>
</div>
</td>
<td>
<a class="item1"
href="/products.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><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=bd0a4fba05196f70fb5238014d514f0e">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=bd0a4fba05196f70fb5238014d514f0e">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=bd0a4fba05196f70fb5238014d514f0e">
<span class="style1">4 Gigabit Fibre Channel</span></a> <a
class="item2"
href="/celerityFC-44ES.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
Celerity FC 44ES: Quad Channel, PCIe</a> <a class="item2"
href="/celerityFC-42ES.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
Celerity FC 42ES: Dual Channel, PCIe</a> <a class="item2"
href="/celerityFC-42XS.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
Celerity FC 42XS: Dual Channel, PCIx</a> <a class="item2"
href="/celerityFC-41XS.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
Celerity FC 41XS: Single Channel, PCIx</a> <a class="item2-active"
href="/hostadapter.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
<span class="style1">2 Gigabit Fibre Channel</span></a> <a
class="item2"
href="/celerityFC-24XL.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
Celerity FC 24XL: Quad Channel, PCIx</a> <a class="item2"
href="/celerityFC-21PS.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
Celerity FC 21PS: Single Channel, PCI</a> <a class="item2"
href="/epcifc3300.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Express
PCI FC 3300: Single Channel, PCIx</a>
</div>
<a class="item2 arrow"
href="/scsi.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">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=bd0a4fba05196f70fb5238014d514f0e">EPCI
UL5D: Dual Channel, PCIe</a> <a class="item2"
href="/ultra4D.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">EPCI
UL4D: Dual Channel, PCIx</a> <a class="item2"
href="/ultra4s.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">EPCI
UL4S: Single Channel, PCIx</a>
</div>
</div>
<a class="item2 arrow"
href="/appliances.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">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=bd0a4fba05196f70fb5238014d514f0e"><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="javascript:void(0)"><span
class="style1">4 Gigabit FC-to-Ultra 320 SCSI -
Rackmount</span></a> <a class="item2"
href="/fbridge2400.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
Fibrebridge 2400R/D: 2 FC-to-2 SCSI Ports</a> <a class="item2"
href="/fbridge2390.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
Fibrebridge 2390R/D: 1 FC-to-2 SCSI Ports</a> <a
class="item2-active" href="javascript:void(0)"><span
class="style1">4 Gigabit FC-to-Ultra 320 SCSI -
Embedded</span></a> <a class="item2"
href="/fbridge2400c.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
FibreBridge 2400C: 2 FC-to-2 SCSI Ports</a> <a class="item2"
href="/fbridge2390c.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
FibreBridge 2390C: 1 FC-to-2 SCSI Ports</a> <a class="item2-active"
href="javascript:void(0)"><span class="style1">2 Gigabit
FC-to-Ultra 160 SCSI - Rackmount</span></a> <a class="item2"
href="/fbridge2350C.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
Fibrebridge 2350R/D: 1 FC-to 2-SCSI Ports</a> <a class="item2"
href="/fbridge2300erd.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
Fibrebridge 2300R/D: 1 FC-to-2 SCSI Ports</a> <a
class="item2-active" href="javascript:void(0)"><span
class="style1">2 Gigabit FC to Ultra 160 SCSI -
Embedded</span></a> <a class="item2"
href="/fbridge2350C.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
FibreBridge 2350C: 1 FC-to-2 SCSI Ports</a> <a class="item2"
href="/fbridge2300e.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
FibreBridge 2300E: 1 FC-to-2 SCSI Ports</a> <a class="item2"
href="/fbridge1290e.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
FibreBridge 1290E: 1 FC-to-2 SCSI Ports</a> <a class="item2-active"
href="javascript:void(0)"><span class="style1">Ultra 160 SCSI to
Ultra2 SCSI - Desktop</span></a> <a class="item2"
href="/fbridge1180d.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
FibreBridge 1180D: 1 FC-to-1 SCSI Port</a>
</div>
<a class="item2 arrow"
href="/gbbridge.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">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=bd0a4fba05196f70fb5238014d514f0e"><span
class="style1">iSCSI to SCSI - Rackmount</span></a> <a
class="item2"
href="/ipbridge2500RD.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
iPBridge 2500R/D: 3 iSCSI-to-2 Ultra160 SCSI Ports</a> <a
class="item2"
href="/ipbridge1550D.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
iPBridge 1550D: 1 iSCSI-to-1 Ultra160 SCSI Ports</a> <a
class="item2"
href="/ipbridge1500D.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
iPBridge 1500D: 1 iSCSI-to-1 Ultra160 SCSI Ports</a> <a
class="item2-active"
href="/gbbridge.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><span
class="style1">iSCSI to SCSI - Embedded</span></a> <a
class="item2"
href="/ipbridge2500.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
iPBridge 2500C: 3 iSCSI-to-2 Ultra160 SCSI Ports</a> <a
class="item2"
href="/ipbridge1550.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
iPBridge 1550E: 1 iSCSI-to-1 Ultra160 SCSI Ports</a> <a
class="item2"
href="/ipbridge1500.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
iPBridge 1500E: 1 iSCSI-to-1 Ultra160 SCSI Ports</a> <a
class="item2-active"
href="/gbbridge.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><span
class="style1">iSCSI to Fibre Channel -
Rackmount</span></a> <a class="item2"
href="/ipbridge2700RD.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
iPBridge 2700R/D; 4 iSCSI-to-2 4-Gb FC Ports</a> <a
class="item2-active" href="javascript:void(0)"><span
class="style1">iSCSI to Fibre Channel - Embedded</span></a>
<a class="item2"
href="/ipbridge2700.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
iPBridge 2700C: 4 iSCSI-to-2 4-Gb FC ports</a>
</div>
<a class="item2 arrow" href="javascript: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=bd0a4fba05196f70fb5238014d514f0e">
FastStream™ 5300</a>
</div>
</div>
<a class="item2 arrow"
href="/software.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">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=bd0a4fba05196f70fb5238014d514f0e">
ExpressStripe</a> <a class="item2"
href="/expraid.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">ExpressRaid</a>
<a class="item2"
href="/xtend.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">XtendSAN</a>
</div>
<a class="item2 arrow"
href="/diamond/vclass.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">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=bd0a4fba05196f70fb5238014d514f0e">
Diamond</a>
</div>
</div>
</td>
<td height="46">
<a class="item1"
href="/howtobuy.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><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=bd0a4fba05196f70fb5238014d514f0e">ATTO
Store</a> <a class="item2"
href="/findreseller.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Find
a Reseller</a> <a class="item2"
href="/partnerprogram.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Become
a Partner</a> <a class="item2"
href="/dispart.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">North
American Distributors</a> <a class="item2"
href="/dispart2.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">South
American Distributors</a> <a class="item2"
href="/europe.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">EMEA
Distributors</a> <a class="item2"
href="/asia.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Asia-PAC
Distributors</a> <a class="item2"
href="/oem.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">OEM
Sales</a>
</div>
</td>
<td>
<a class="item1"
href="/support.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><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=bd0a4fba05196f70fb5238014d514f0e">Contact
Tech Support</a> <a class="item2"
href="/warranty.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Warranties
and Other Services</a> <a class="item2"
href="/trouble.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Troubleshooting,
Tips, &amp; FAQs</a> <a class="item2"
href="/technicalinfo.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Technical
Information</a> <a class="item2"
href="/software/index.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Downloads</a>
<a class="item2"
href="/hottopics.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Hot
Topics</a>
</div>
</td>
<td>
<a class="item1"
href="/solutions.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><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=bd0a4fba05196f70fb5238014d514f0e">OEM
Embedded Solutions</a> <a class="item2"
href="/digitalcc.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Digital
Content Creation</a> <a class="item2"
href="/imagingfc.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Imaging/Fixed
Content</a> <a class="item2"
href="/business.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Business
Continuity/Backup</a>
</div>
</td>
<td>
<a class="item1"
href="/alliances.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><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=bd0a4fba05196f70fb5238014d514f0e">Partner
Program</a> <a class="item2"
href="/ialliances.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Industry
Alliances</a> <a class="item2"
href="/iassoc.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Industry
Associations</a>
</div>
</td>
<td>
<a class="item1"
href="/attostore.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><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=bd0a4fba05196f70fb5238014d514f0e">Atto
Store</a>
</div>
</td>
<td>
<a class="item1"
href="/software/index.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><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=bd0a4fba05196f70fb5238014d514f0e">Software</a>
<a class="item2"
href="/software/index.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">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=bd0a4fba05196f70fb5238014d514f0e"
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=bd0a4fba05196f70fb5238014d514f0e">
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=bd0a4fba05196f70fb5238014d514f0e">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=bd0a4fba05196f70fb5238014d514f0e">ATTO
Technology Announces Next-generation Ultra320 SCSI Product Featuring PCI
Express</a><br />
<br />
<a class="home"
href="/press/agilent10.05.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
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=bd0a4fba05196f70fb5238014d514f0e">
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"><span class="style3"><a
href="http://www.fose.com/index.cfm?fuseaction=Custom.Content&amp;MenuID=1000">
FOSE</a></span><a
href="http://www.fose.com/index.cfm?fuseaction=Custom.Content&amp;MenuID=1000">
<br />
</a> Washington, D.C.<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=bd0a4fba05196f70fb5238014d514f0e"><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=bd0a4fba05196f70fb5238014d514f0e" />
<area shape="rect" alt="" coords="69,52,119,107"
href="/imagingfc.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e" />
<area shape="rect" alt="" coords="0,52,68,107"
href="/digitalcc.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e" />
<area shape="rect" alt="" coords="70,0,120,51"
href="/business.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e" />
<area shape="rect" alt="" coords="0,0,67,51"
href="/oemsolutions.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e" />
</map> <a
href="/attostore.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><img
src="/images/home/u3.jpg" alt="" border="0" /></a><br />
              <a
href="/ultra4D.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><img
src="/images/home/rohs.gif" alt="" border="0" /></a><a
href="/celerityFC-42ES.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><img
src="/images/home/44ES-web-box.gif" alt="" border="0" /></a><a
href="/diamond/vclass.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e"><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=bd0a4fba05196f70fb5238014d514f0e">Home</a>
. <a
href="sitemap.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Sitemap</a>
. <a
href="contact.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Contact
Us</a> . <a
href="search.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">Search</a>
. <a
href="newsletter.html?PHPSESSID=bd0a4fba05196f70fb5238014d514f0e">
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>

Here is the JS:

function DropDownMenuX(id) {

/* Type of the menu: "horizontal" or "vertical" */
this.type = "horizontal";

/* Delay (in miliseconds >= Innocent: show-hide menu
* Hide must be > 0 */
this.delay = {
"show": 0,
"hide": 400
}
/* Change the default position of sub-menu by Y
pixels from top and X pixels from left
* Negative values are allowed */
this.position = {
"level1": { "top": 0, "left": 0},
"levelX": { "top": 0, "left": 0}
}

/* fix ie selectbox bug ? */
this.fixIeSelectBoxBug = true;

/* Z-index property for .section */
this.zIndex = {
"visible": 500,
"hidden": -1
};

// Browser detection
this.browser = {
"ie": Boolean(document.body.currentStyle),
"ie5": (navigator.appVersion.indexOf("MSIE
5.5") != -1 || navigator.appVersion.indexOf("MSIE
5.0") != -1),
"ie6": (navigator.appVersion.indexOf("MSIE
6.0") != -1)
};

if (!this.browser.ie) {
this.browser.ie5 = false;
this.browser.ie6 = false;
}

/* Initialize the menu */
this.init = function() {
if (!document.getElementById(this.id)) {
return alert("DropDownMenuX.init() failed. Element '"+
this.id +"' does not exist."); }
if (this.type != "horizontal" && this.type !=
"vertical") { return alert("DropDownMenuX.init()
failed. Unknown menu type: '"+this.type+"'"); }
if (this.browser.ie && this.browser.ie5) {
fixWrap(); }
if (this.browser.ie && this.browser.ie5) {
fixWrap3(); }
fixSections();

parse(document.getElementById(this.id).childNodes,
this.tree, this.id);
}

/* Search for .section elements and set width for
them */
function fixSections() {
var arr =
document.getElementById(self.id).getElementsByTagName("div");
var sections = new Array();
var widths = new Array();

for (var i = 0; i < arr.length; i++) {
if (arr[i].className == "section") {
sections.push(arr[i]);
}
}
for (var i = 0; i < sections.length; i++) {

widths.push(getMaxWidth(sections[i].childNodes));
}
for (var i = 0; i < sections.length; i++) {
sections[i].style.width = (widths[i]) +
"px";
}
if (self.browser.ie) {
for (var i = 0; i < sections.length; i++)
{
setMaxWidth(sections[i].childNodes,
widths[i]);
setMaxWidth3(sections[i].childNodes,
widths[i]);

}
}
}

function fixWrap() {
var elements =
document.getElementById(self.id).getElementsByTagName("a");
for (var i = 0; i < elements.length; i++) {
if (/item2/.test(elements[i].className)) {
elements[i].innerHTML = '<div
nowrap="nowrap">'+elements[i].innerHTML+'</div>';
}
}
}
function fixWrap3() {
var elements =
document.getElementById(self.id).getElementsByTagName("a");
for (var i = 0; i < elements.length; i++) {
if (/item3/.test(elements[i].className)) {
elements[i].innerHTML = '<div
nowrap="nowrap">'+elements[i].innerHTML+'</div>';
}
}
}

/* Search for an element with highest width among
given nodes, return that width */
function getMaxWidth(nodes) {
var maxWidth = 0;
for (var i = 0; i < nodes.length; i++) {
if (nodes[i].nodeType != 1 ||
/section/.test(nodes[i].className)) { continue; }
if (nodes[i].offsetWidth > maxWidth) {
maxWidth = nodes[i].offsetWidth; }
}
return maxWidth;
}

/* Set width for item2 elements */
function setMaxWidth(nodes, maxWidth) {
for (var i = 0; i < nodes.length; i++) {
if (nodes[i].nodeType == 1 &&
/item2/.test(nodes[i].className) &&
nodes[i].currentStyle) {
if (self.browser.ie5) {
nodes[i].style.width = (maxWidth)
+ "px";
} else {
nodes[i].style.width = (maxWidth -
parseInt(nodes[i].currentStyle.paddingLeft) -
parseInt(nodes[i].currentStyle.paddingRight)) + "px";
}
}
}
}
/* Set width for item3 elements */
function setMaxWidth3(nodes, maxWidth) {
for (var i = 0; i < nodes.length; i++) {
if (nodes[i].nodeType == 1 &&
/item3/.test(nodes[i].className) &&
nodes[i].currentStyle) {
if (self.browser.ie5) {
nodes[i].style.width = (maxWidth)
+ "px";
} else {
nodes[i].style.width = (maxWidth -
parseInt(nodes[i].currentStyle.paddingLeft) -
parseInt(nodes[i].currentStyle.paddingRight)) + "px";
}
}
}
}

/* Parse nodes, create events, position elements
*/
function parse(nodes, tree, id) {
for (var i = 0; i < nodes.length; i++) {
if (1 != nodes[i].nodeType) {
continue;
}
switch (true) {
// .item1
case
/\bitem1\b/.test(nodes[i].className):
nodes[i].id = id + "-" +
tree.length;
tree.push(new Array());
nodes[i].onmouseover = itemOver;
nodes[i].onmouseout = itemOut;
break;
// .item2
case
/\bitem2\b/.test(nodes[i].className):
nodes[i].id = id + "-" +
tree.length;
tree.push(new Array());
nodes[i].onmouseover = itemOver;
nodes[i].onmouseout = itemOut;
break;
// .item3
case
/\bitem3\b/.test(nodes[i].className):
nodes[i].id = id + "-" +
tree.length;
tree.push(new Array());
nodes[i].onmouseover = itemOver;
nodes[i].onmouseout = itemOut;
break;

// .section
case
/\bsection\b/.test(nodes[i].className):
// id, events
nodes[i].id = id + "-" +
(tree.length - 1) + "-section";
nodes[i].onmouseover =
sectionOver;
nodes[i].onmouseout = sectionOut;
// position
var box1 =
document.getElementById(id + "-" + (tree.length - 1));
var box2 =
document.getElementById(nodes[i].id);
var el = new Element(box1.id);
if (1 == el.level) {
if ("horizontal" == self.type)
{
box2.style.top =
box1.offsetTop + box1.offsetHeight +
self.position.level1.top + "px";
if (self.browser.ie5) {
box2.style.left =
self.position.level1.left + "px";
} else {
box2.style.left =
box1.offsetLeft + self.position.level1.left + "px";
}
} else if ("vertical" ==
self.type) {
box2.style.top =
box1.offsetTop + self.position.level1.top + "px";
if (self.browser.ie5) {
box2.style.left =
box1.offsetWidth + self.position.level1.left + "px";
} else {
box2.style.left =
box1.offsetLeft + box1.offsetWidth +
self.position.level1.left + "px";
}
}
} else {
box2.style.top =
box1.offsetTop + self.position.levelX.top + "px";
box2.style.left =
box1.offsetLeft + box1.offsetWidth +
self.position.levelX.left + "px";
}
// sections, sectionsShowCnt,
sectionsHideCnt
self.sections.push(nodes[i].id);
self.sectionsShowCnt.push(0);
self.sectionsHideCnt.push(0);
if (self.fixIeSelectBoxBug &&
self.browser.ie6) {
nodes[i].innerHTML =
nodes[i].innerHTML + '<iframe
id="'+nodes[i].id+'-iframe" src="javascript:false;"
scrolling="no" frameborder="0" style="position:
absolute; top: 0px; left: 0px; display: none;
filter:alpha(opacity=0);"></iframe>';
}
break;
}
if (nodes[i].childNodes) {
if
(/\bsection\b/.test(nodes[i].className)) {
parse(nodes[i].childNodes,
tree[tree.length - 1], id + "-" + (tree.length - 1));
} else {
parse(nodes[i].childNodes, tree,
id);
}
}
}
}

/* event, item:onmouseover */
function itemOver() {
//debug("itemOver("+this.id+") , visible = " +
self.visible);
self.itemShowCnt++;
var id_section = this.id + "-section";
if (self.visible.length) {
var el = new
Element(self.visible.getLast());
el =
document.getElementById(el.getParent().id);
if (/item\d-active/.test(el.className)) {
el.className =
el.className.replace(/(item\d)-active/, "$1");
}
}
if (self.sections.contains(id_section)) {
clearTimers();

self.sectionsHideCnt[self.sections.indexOf(id_section)]++;
var cnt =
self.sectionsShowCnt[self.sections.indexOf(id_section)];
var timerId = setTimeout(function(a, b) {
return function() { self.showSection(a, b); } }
(id_section, cnt), self.delay.show);
self.timers.push(timerId);
} else {
if (self.visible.length) {
clearTimers();
var timerId = setTimeout(function(a,
b) { return function() { self.showItem(a, b); } }
(this.id, self.itemShowCnt), self.delay.show);
self.timers.push(timerId);
}
}
}

/* event, item:onmouseout */
function itemOut() {
//debug("itemOut("+this.id+") , visible = " +
self.visible);
self.itemShowCnt++;
var id_section = this.id + "-section";
if (self.sections.contains(id_section)) {

self.sectionsShowCnt[self.sections.indexOf(id_section)]++;
if (self.visible.contains(id_section)) {
var cnt =
self.sectionsHideCnt[self.sections.indexOf(id_section)];
var timerId = setTimeout(function(a,
b) { return function() { self.hideSection(a, b); }
}(id_section, cnt), self.delay.hide);
self.timers.push(timerId);
}
}
}

/* event, section:onmouseover */
function sectionOver() {
//debug("sectionOver("+this.id+") , visible =
" + self.visible);

self.sectionsHideCnt[self.sections.indexOf(this.id)]++;
var el = new Element(this.id);
var parent =
document.getElementById(el.getParent().id);
if (!/item\d-active/.test(parent.className)) {
parent.className =
parent.className.replace(/(item\d)/, "$1-active");
}
}

/* event, section:onmouseout */
function sectionOut() {
//debug("sectionOut("+this.id+") , visible = "
+ self.visible);

self.sectionsShowCnt[self.sections.indexOf(this.id)]++;
var cnt =
self.sectionsHideCnt[self.sections.indexOf(this.id)];
var timerId = setTimeout(function(a, b) {
return function() { self.hideSection(a, b); }
}(this.id, cnt), self.delay.hide);
self.timers.push(timerId);
}

/* Show section (1 argument passed)
* Try to show section (2 arguments passed) -
check cnt with sectionShowCnt */
this.showSection = function(id, cnt) {
if (typeof cnt != "undefined") {
if (cnt !=
this.sectionsShowCnt[this.sections.indexOf(id)]) {
return; }
}
//debug("showSection("+id+", "+cnt+") ,
visible = " + this.visible);

this.sectionsShowCnt[this.sections.indexOf(id)]++;
if (this.visible.length) {
if (id == this.visible.getLast()) {
return; }
var el = new Element(id);
var parents = el.getParentSections();
//debug("getParentSections("+el.id+") = "
+ parents);
for (var i = this.visible.length - 1; i >=
0; i--) {
if (parents.contains(this.visible[i]))
{
break;
} else {
this.hideSection(this.visible[i]);
}
}
}
var el = new Element(id);
var parent =
document.getElementById(el.getParent().id);
if (!/item\d-active/.test(parent.className)) {
parent.className =
parent.className.replace(/(item\d)/, "$1-active");
}
if (document.all) {
document.getElementById(id).style.display = "block"; }
document.getElementById(id).style.visibility =
"visible";
document.getElementById(id).style.zIndex =
this.zIndex.visible;
if (this.fixIeSelectBoxBug &&
this.browser.ie6) {
var div = document.getElementById(id);
var iframe =
document.getElementById(id+"-iframe");
iframe.style.width = div.offsetWidth +
parseInt(div.currentStyle.borderLeftWidth) +
parseInt(div.currentStyle.borderRightWidth);
iframe.style.height = div.offsetHeight +
parseInt(div.currentStyle.borderTopWidth) +
parseInt(div.currentStyle.borderBottomWidth);
iframe.style.top =
-parseInt(div.currentStyle.borderTopWidth);
iframe.style.left =
-parseInt(div.currentStyle.borderLeftWidth);
iframe.style.zIndex = div.style.zIndex -
1;
iframe.style.display = "block";
}
this.visible.push(id);
}

/* Emulating an empty non-existent section, we
have to hide elements, works like showSection() */
this.showItem = function(id, cnt) {
if (typeof cnt != "undefined") {
if (cnt != this.itemShowCnt) { return; }
}
this.itemShowCnt++;
if (this.visible.length) {
var el = new Element(id + "-section");
var parents = el.getParentSections();
//debug("showItem()
getParentSections("+el.id+") = " + parents);
for (var i = this.visible.length - 1; i >=
0; i--) {
if (parents.contains(this.visible[i]))
{
break;
} else {
this.hideSection(this.visible[i]);
}
}
}
}

/* Hide section (1 argument passed)
* Try to hide section (2 arguments passed) -
check cnt with sectionHideCnt */
this.hideSection = function(id, cnt) {
if (typeof cnt != "undefined") {
if (cnt !=
this.sectionsHideCnt[this.sections.indexOf(id)]) {
return; }
if (id == this.visible.getLast()) {
//debug("hideSectionAll("+id+",
"+cnt+") , visible = " + this.visible);
for (var i = this.visible.length - 1;
i >= 0; i--) {
this.hideSection(this.visible[i]);
}
return;
}
}
//debug("hideSection("+id+", "+cnt+") ,
visible = " + this.visible);
var el = new Element(id);
var parent =
document.getElementById(el.getParent().id);
if (/item\d-active/.test(parent.className)) {
parent.className =
parent.className.replace(/(item\d)-active/, "$1");
}
document.getElementById(id).style.zIndex =
this.zIndex.hidden;
document.getElementById(id).style.visibility =
"hidden";
if (document.all) {
document.getElementById(id).style.display = "none"; }
if (this.fixIeSelectBoxBug &&
this.browser.ie6) {
var iframe =
document.getElementById(id+"-iframe");
iframe.style.display = "none";
}
if (this.visible.contains(id)) {
if (id == this.visible.getLast()) {
this.visible.pop();
} else {
//throw
"DropDownMenuX.hideSection('"+id+"', "+cnt+") failed,
trying to hide a section that is not the deepest
visible section";
return;
}
} else {
//throw
"DropDownMenuX.hideSection('"+id+"', "+cnt+") failed,
cannot hide element that is not visible";
return;
}

this.sectionsHideCnt[this.sections.indexOf(id)]++;
}

/* Element (.section, .item2 etc) */
function Element(id) {

this.menu = self;
this.id = id;

/* Get Level of given id
* Examples: menu-1 (1 level), menu-1-4 (2
level) */
this.getLevel = function() {
var s =
this.id.substr(this.menu.id.length);
return s.substrCount("-");
}

/* Get parent Element */
this.getParent = function() {
var s =
this.id.substr(this.menu.id.length);
var a = s.split("-");
a.pop();
return new Element(this.menu.id +
a.join("-"));
}

/* Check whether an element has a parent
element */
this.hasParent = function() {
var s =
this.id.substr(this.menu.id.length);
var a = s.split("-");
return a.length > 2;
}

/* Check whether an element has a sub-section
*/
this.hasChilds = function() {
return
Boolean(document.getElementById(this.id +
"-section"));
}

/* Get parent section elements for current
section */
this.getParentSections = function() {
var s =
this.id.substr(this.menu.id.length);
s = s.substr(0, s.length -
"-section".length);
var a = s.split("-");
a.shift();
a.pop();
var s = this.menu.id;
var parents = [];
for (var i = 0; i < a.length; i++) {
s += ("-" + a[i]);
parents.push(s + "-section");
}
return parents;
}

this.level = this.getLevel();
}

/* Clear all timers set with setTimeout() */
function clearTimers() {
for (var i = self.timers.length - 1; i >= 0;
i--) {
clearTimeout(self.timers[i]);
self.timers.pop();
}
}

var self = this;
this.id = id; /* menu id */
this.tree = []; /* tree structure of menu */
this.sections = []; /* all sections, required for
timeout */
this.sectionsShowCnt = [];
this.sectionsHideCnt = [];
this.itemShowCnt = 0;
this.timers = []; // timeout ids
this.visible = []; /* visible section, ex.
Array("menu-0-section", ..) , succession is important:
top to bottom */
}

/* Finds the index of the first occurence of item in
the array, or -1 if not found */
if (typeof Array.prototype.indexOf == "undefined") {
Array.prototype.indexOf = function(item) {
for (var i = 0; i < this.length; i++) {
if (this[i] === item) {
return i;
}
}
return -1;
}
}

/* Check whether array contains given string */
if (typeof Array.prototype.contains == "undefined") {
Array.prototype.contains = function(Drunk {
for (var i = 0; i < this.length; i++) {
if (this[i] === Drunk {
return true;
}
}
return false;
}
}

/* Counts the number of substring occurrences */
if (typeof String.prototype.substrCount ==
"undefined") {
String.prototype.substrCount = function(Drunk {
return this.split(Drunk.length - 1;
}
}

/* Get the last element from the array */
if (typeof Array.prototype.getLast == "undefined") {
Array.prototype.getLast = function() {
return this[this.length-1];
}
}

drhowarddrfine
Offline
Leader
Last seen: 10 years 42 weeks ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

Top menu ok in Firefox, not IE

XHTML is case sensitive and you use uppercase throughout this. Make it all lower case in the tags and let's see what happens. Right now, the validator can't even run it.

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 26 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Top menu ok in Firefox, not IE

It also might help if you get yourself a doctype :roll:

Verschwindende wrote:
  • CSS doesn't make pies

bufhal
Offline
Regular
Last seen: 14 years 32 weeks ago
Joined: 2006-02-07
Posts: 12
Points: 0

Top menu ok in Firefox, not IE

Quote:
XHTML is case sensitive and you use uppercase throughout this

Are you referring to attotech.com?

Quote:
It also might help if you get yourself a doctype

Can you please suggest the best Doctype for this unique (three CSS and Javascript) menuing system?

Thank you both for your response and help.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 26 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Top menu ok in Firefox, not IE

Any COMPLETE doctype is fine. I suggest XHTMl 1.0 strict.

Verschwindende wrote:
  • CSS doesn't make pies

drhowarddrfine
Offline
Leader
Last seen: 10 years 42 weeks ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

Top menu ok in Firefox, not IE

Quote:
Are you referring to attotech.com?
Don't recall but it's true of all xhtml.
Quote:
Any COMPLETE doctype is fine. I suggest XHTMl 1.0 strict.
I don't think it's worth bothering with anything but strict. I agree with XHTML strict but html strict would be fine, too.

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 15 hours 45 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9766
Points: 3848

Top menu ok in Firefox, not IE

I hate to bring this discussion down, but has anyone looked at the site without javascript or images? It's dead in the water.

You really need to back up a bit, and make a functional html page before you start adding presentation and behaviors. Aside from the usual accessibility reasons, are you aware that the IT field has a higher than average number of people with limited or no vision? And you want to sell to them with a page they can't 'see'?

Now, technical issues: You are apparently using a Microsoft product for typing your code, or the after-market editor is using the MS-1252 or whatever it's called charset. The MS character set includes forbidden character values lying in the 128–159 range. This range is reserved, in UTF-xx, for future control characters. It would be OK, except your page or your server sz it's utf-8, which it's not. Likely villains are the apos (') and the quote ("). Run the page through Tidy, configured to output utf-8, to clean things up; then reconfigure the editor to use the right charset.

I believe you've posted this issue before. At that time, I suggested that since you were using messy non-semantic markup for the menu, you compare the code for the submenu(Drunk that worked to the submenu(Drunk that didn't. I don't recall any follow through at that time. Did you do that? And what was the result?

Did you make a minimal test case of your menu, all by its lone-self? Did it work OK then, or not? If it worked OK, did you add the image back in to see if the problem lay there?

Why aren't you using a well tested, familiar to lot's of folk, menu like (son of) suckerfish?

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

bufhal
Offline
Regular
Last seen: 14 years 32 weeks ago
Joined: 2006-02-07
Posts: 12
Points: 0

thanks all

Thanks for the replies.
To answer a few of your questions
A few days ago I did take all the graphics out and the menu still did not work. The menu is a pre written called mygosto-we chose it because it was tested in all major browsers. The website where we found it has working samples and we needed the three level effect. We use Dreamweaver for development.
To bring up you up to speed, I used tidy and now have our test site homepage working in both browsers. I am now trying to see the difference between a "regular" page on our site (that uses a library menu in Dreamweaver)and a tidied regular page but it is difficult to pinpoint due to the arcaic 3 file css structure.
I know the site is messy, I have just come on board and want to get this cleaned up and respectable . I know I have my work cut out.
Thank you for your help