CSS & JS Menu Problem on IE

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 456,581 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,653 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 1424 | Replies: 2

•

Join Date: Sep 2006

Posts: 20

Reputation: Mikeish is an unknown quantity at this point

Rep Power: 3

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

(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; 
       }

-------------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