WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Drop down menu not working at IE 5 and IE 6

(1/2) > >>

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:

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

--- End quote ---
  :-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
 

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


--- Code: ---    <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">
--- End code ---


--- Code: ---#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 */
--- End code ---

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?

--- End quote ---
  :-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
 



--- End quote ---

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

Navigation

[0] Message Index

[#] Next page

Go to full version