Log in

View Full Version : DD Accordion Menu not working in IE


firestaffer
05-21-2009, 05:53 PM
1) Script Title: Apple Style Accordion

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-apple.htm

3) Describe problem: I am developing this site using Mac Firefox. A friend told me that on her PC IE (I assume its the latest version) the menu does not function. None of the headers stay open for her to navigate the sub headers. When I tried the site on the Mac IE 5.2 it doesn't function at all. The website that I got the code from says it is compatible for IE and there hasn't been a lot of discussion of this menu not working in IE so I am obviously missing something very simple but I don't know where to start looking.

The website is www.carolinestengl.com (http://www.carolinestengl.com). Any help would be appreciated otherwise I have to come up with a new menu all together.

Cheers
ddadmin
05-22-2009, 01:02 AM
Firstly, make sure your page contains a valid doctype at the very top, for example:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

Also, for your menu's HTML, there are some minor issues that may be contributing to the problem. You have header links that do not contain sub menu contents, yet still carry the "silverheader" class. The code in red below should be removed:


<div class="applemenu">
<div class="silverheader"><a href="about.html">about artist</a></div>
<div class="submenu">
<ul>
<li><a href="http://www.carolinestengl.com/about.html">artist statement</a></li>
<li><a href="http://www.carolinestengl.com/resume.html">resume</a></li>

<li><a href="http://www.carolinestengl.com/blog.html">blog</a></li>
</ul>
</div>
<div class="silverheader"><a href="http://www.carolinestengl.com/pets.html">gallery</a></div>
<div class="submenu">
<ul>
<li><a href="http://www.carolinestengl.com/pets.html">pet portraits</a></li>

<li><a href="http://www.carolinestengl.com/circus.html">circus</a></li>
<li><a href="http://www.carolinestengl.com/portraits.html">portraits</a></li>
<li><a href="http://www.carolinestengl.com/nature.html">nature</a></li>
<!--<li><a href="http://www.carolinestengl.com/mural.html">murals</a></li>
<li><a href="#">oaklands</a></li>
<li><a href="#">fairfield</a></li>-->
<li><a href="http://www.carolinestengl.com/saecdoors.html">saec doors</a></li>
<!--<li><a href="#">saec murals</a></li>-->
</ul>

</div>
<!--<div class="silverheader"><a href="#">photos</a></div>-->
<div class="silverheader"><a href="http://www.carolinestengl.com/contact.html">contact</a></div>
<div class="silverheader"><a href="http://www.carolinestengl.com/links.html">links</a></div>
</div>