Drop down menu not working at IE 5 and IE 6

Print
Go Down Pages1
User actions

heavenchun83

#9
January 21, 2009, 04:33:46 PM
Dear Stefek,
Yes,it was help a lot.Thanks a lot.Your guys at WebsiteBaker is awesome....

Regards,
Wallace Goh

Quote from: Stefek on January 16, 2009, 07:22:08 PM
Great.

Glad that you find the solution by yourself.

Thanks for sharing.

Did the Multiple-IE help you with the developement?

Regards,
Stefek
I have using WB since 2005

Stefek

#8
January 16, 2009, 07:22:08 PM
Great.

Glad that you find the solution by yourself.

Thanks for sharing.

Did the Multiple-IE help you with the developement?

Regards,
Stefek
[i]"Gemeinsam schafft man mehr."[/i]

[b][url=http://duden.de/rechtschreibung/gemeinsam#Bedeutung1]gemeinsam[/url][/b]
1. mehreren Personen oder Dingen in gleicher Weise gehörend, eigen
2. in Gemeinschaft [unternommen, zu bewältigen]; zusammen, miteinander
#Duden

heavenchun83

#7
January 16, 2009, 07:17:30 PM
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
I have using WB since 2005

Stefek

#5
January 15, 2009, 07:30:03 PM
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
[i]"Gemeinsam schafft man mehr."[/i]

[b][url=http://duden.de/rechtschreibung/gemeinsam#Bedeutung1]gemeinsam[/url][/b]
1. mehreren Personen oder Dingen in gleicher Weise gehörend, eigen
2. in Gemeinschaft [unternommen, zu bewältigen]; zusammen, miteinander
#Duden

heavenchun83

#4
January 15, 2009, 06:55:37 PM

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. :cry:

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, '<ul id="header_menu" class="menu">'); ?><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

Quote from: Stefek on January 15, 2009, 12:03:15 PM
Quote from: erpe on January 15, 2009, 11:53:07 AM
And  with Netscape 3.0 und IE 4 with OS windows 3.1 for workgroups?
:-D
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



I have using WB since 2005

Stefek

#3
January 15, 2009, 12:03:15 PM Last Edit: January 15, 2009, 12:06:56 PM by Stefek
Quote from: erpe on January 15, 2009, 11:53:07 AM
And  with Netscape 3.0 und IE 4 with OS windows 3.1 for workgroups?
:-D
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


[i]"Gemeinsam schafft man mehr."[/i]

[b][url=http://duden.de/rechtschreibung/gemeinsam#Bedeutung1]gemeinsam[/url][/b]
1. mehreren Personen oder Dingen in gleicher Weise gehörend, eigen
2. in Gemeinschaft [unternommen, zu bewältigen]; zusammen, miteinander
#Duden

erpe0812

#2
January 15, 2009, 11:53:07 AM
And  with Netscape 3.0 und IE 4 with OS windows 3.1 for workgroups?

Good luck.

erpe

heavenchun83

#1
January 15, 2009, 10:33:00 AM Last Edit: January 15, 2009, 06:07:07 PM by 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
I have using WB since 2005
Print
Go Up Pages1
User actions
SMF 2.1.4 © 2023, Simple Machines
ProCurve Theme Made By : TwitchisMental