AJAX

CSS & JS Menu Problem on IE

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Sep 2006

Posts: 20

Reputation: Mikeish is an unknown quantity at this point

Solved Threads: 0

Mikeish

Offline

Newbie Poster

CSS & JS Menu Problem on IE

Jan 13th, 2007

Working on a website here and found this extremely useful script that I love at www.dhtmlgoodies.com

It's a menu on the left side that allows you to click on the link and has it drop down submenus with a max of five submenus (pretty flexible I'd say). I went ahead and set it up for my website and it works perfect on Firefox.. no hitches or anything. But... IE 6.0 I can not figure out the problem. It IS a cross-compatible script and their demo works perfect on both, but somewhere along the lines of transferring I missed something that I need to do and I can't for the life of me figure it out.

DEMO Page:
http://www.dhtmlgoodies.com/scripts/...own-menu2.html

My Webpage:
http://www.themitech.com/IHS/2/index.html#

My Javascript:
http://www.themitech.com/IHS/2/templ...ts/mainMenu.js

My CSS pages that are relevant:
http://www.themitech.com/IHS/2/templ...mainStyles.css
http://www.themitech.com/IHS/2/templ...menuStyles.css

menuStyles.css is commented out at the top because I didn't want it. Also:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
     #mainContainer{ 
             width:760px; 
             text-align:left; 
             margin:0 auto; 
             background-color: #FFF; 
             border-left:1px solid #000; 
             border-right:1px solid #000; 
             height:100%; 
       } 
 
       #topBar{ 
             width:760px; 
             height:100px; 
       } 
       #leftMenu{ 
             width:200px; 
             padding-left:10px; 
             padding-right:10px; 
             float:left; 
       } 
       #mainContent{ 
             width: 520px; 
             padding-right:10px;       
             float:left; 
       }
     #mainContainer{ 
             width:760px; 
             text-align:left; 
             margin:0 auto; 
             background-color: #FFF; 
             border-left:1px solid #000; 
             border-right:1px solid #000; 
             height:100%; 
       } 
        
       #topBar{ 
             width:760px; 
             height:100px; 
       } 
       #leftMenu{ 
             width:200px; 
             padding-left:10px; 
             padding-right:10px; 
             float:left; 
       } 
       #mainContent{ 
             width: 520px; 
             padding-right:10px;       
             float:left; 
       }

-------------IS NOT Referenced in my main page so essentially shouldn't be there but I haven't cleaned up yet.------------

If you'd like a small webpage challenge, here ya go.. otherwise thanks anyway!
--Mike