Drop down menu not working at IE 5 and IE 6

[heavenchun83]

I was using drop down menu code at allcss2 template.But it was working fine at firefox 3 and IE 7.But the menu is not working at IE 5 and IE 6.


You can try my website as following:
http://sabs.org.my


Regards,
Wallace

[erpe0812]

And  with Netscape 3.0 und IE 4 with OS windows 3.1 for workgroups?

Good luck.

erpe

[Stefek]

And  with Netscape 3.0 und IE 4 with OS windows 3.1 for workgroups?

 
All right, but there is nothing wrong if one consider to make the page accessible for IE6 users (still a large amount of people using it - depending on age and interests).

@heavenchun83
Did it work with IE6 with the default (untouched) allcss2 Template?
If so, did you cut-off some of the code?

Please take a look again on it.

Stefek

Om mani padme hum
 

[heavenchun83]

Dear Stefek,
This is what i copy at allcss2 template and also css code at editor.css.But i not able 100% test it because my office and my home use IE7 and firefox 3 only.

Code: [Select]

   <div id="navContainer">
        <div id="nav" class="clearfix">
            <?php show_menu2(0, SM2_ROOT, SM2_ALL, SM2_ALL, false, "\n</li>", false, false, false, &#39;<ul id="header_menu" class="menu">&#39;); ?><br />
        </div><!-- end nav -->
    </div><!-- end navContainer -->
    <div id="contentContainer">

Code: [Select]

#navContainer {width: auto;display:block;clear:both;}

/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#nav {
    height: 1.68em;
    background: #666;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ccc;
}
#nav ul {list-style-type: none; margin: 0; padding: 0; font-size: 81%; text-transform: uppercase;width:auto;white-space:normal;}
#nav ul li {float: left; color: #fff; text-align: center; font-weight: normal;}
#nav ul li a {display: block; background: #666; padding: 5px 10px; padding-bottom: 4px; border-left: 1px solid #000; border-right: 1px solid #000; color: #fff; text-decoration: none;}
#nav ul li a:hover, #nav li a:focus {background: #d1d2d4; border-color: #fff; color: #4b4c4d;}
#nav li a:active, #nav ul li a.active {background: #d1d2d4; border-color: #fff; color: #4b4c4d;}


/* Header menu */    
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
#header_menu ul {z-index: 10; clear: both;}

/* Current page Customisations*/
#nav li.menu-current a        {background: #000; color: #fff; border-bottom: 1px solid #000;}
#nav li.menu-current a        {font-weight: bold;}

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 12em; margin: 0; display: none; text-transform: none; border: 1px solid #000; border-top: 0; font-size: 100%;}
#nav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul a {width: 11.5em; padding: .6em .1em .6em .4em; background: #4b4c4d; color: #fff; border: 0;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #4b4c4d; background: #f0f0f0; border: 0;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a     { width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
    position: absolute;
    top: 1px;
    left: 100%;
}

/* end menu */
Regards,
Wallace

And  with Netscape 3.0 und IE 4 with OS windows 3.1 for workgroups?

 
All right, but there is nothing wrong if one consider to make the page accessible for IE6 users (still a large amount of people using it - depending on age and interests).

@heavenchun83
Did it work with IE6 with the default (untouched) allcss2 Template?
If so, did you cut-off some of the code?

Please take a look again on it.

Stefek

Om mani padme hum
 

[Stefek]

I see.
So, if you're not able to check the site in IE6 by yourself it's really difficult to optimize for it.

Try this:
http://tredosoft.com/Multiple_IE

Regards,
Stefek

[mr-fan]

hi,

a more simple solution to test is there

http://www.my-debugbar.com/wiki/IETester/HomePage

[heavenchun83]

After spend one day to find out the solution,i success got the solution.If your are using drop down menu at allcss2 template,please copy following code to your template index.php between <head> and </head>

Code: [Select]

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);

}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;}

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->
After copy and paste the code,download following file and copy to your main root(e.g:www.example.com/csshover.htc).
http://1st.my/download/csshover.htc

For more detail,refer at here.
http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp

[Stefek]

Great.

Glad that you find the solution by yourself.

Thanks for sharing.

Did the Multiple-IE help you with the developement?

Regards,
Stefek

[heavenchun83]

Dear Stefek,
Yes,it was help a lot.Thanks a lot.Your guys at WebsiteBaker is awesome....

Regards,
Wallace Goh

Great.

Glad that you find the solution by yourself.

Thanks for sharing.

Did the Multiple-IE help you with the developement?

Regards,
Stefek