Menu in include not working on Firefox

**mysterybks** · 06-07-2008, 12:09 PM

I have taken over maintenance of a web site. I have taken the menu and put it in an include page so I don't have to update it on so many pages, just once. It works great in IE 7, but it won't work right in Firefox and Netscape. It does in it's original form when it is placed on each page. I am not a great Javascript person and I know it uses Javascript, too. Could you please look at it and see if you can see something I need to adjust since it's in an include page.

The one that doesn't work well in Firefox and Netscape is:
www.rosemaryharris.com/Test/index.html If you try to go to About Rosemary, it won't bring up the next level of the menu. The next item Rosemary Blogs comes up fine.

If you go to www.rosemary.com this is the one that is posted on each page and it works great in all 3 browsers.

Thanks for your help.

Dawn

**Minos** · 06-07-2008, 12:51 PM

Two things:

First, I don't think your client would appreciate you sending people to a different website with the impression that it is hers :P (rosemary.com)

Second, and I could be missing something...what's changed? I'm seeing included files in both sites. harris.css, popmenu.js, runactivecontent.js, and pvm4.css.
I see that the test site's menu is screwy, but I'm not sure what file you've added.

**mysterybks** · 06-07-2008, 01:09 PM

All I did was move the menu on the left into an include file. Now it won't work in Firefox and Netscape. That's why I can't figure out what's wrong. I didn't change anything in it.

Here's the code in the include file menu.html:

Code:

<body style="width:167px">

<div style="text-align:left; width: 171px;">
	<div >
		<img src="images/rosemary/Ro_homepage235.jpg" alt="Rosemary Harris" width="160" height="182" border="2" class="imgmgn" /></div>
	<!-- InstanceEndEditable --><br>
	
	<table border="0" align="center" cellpadding="5" cellspacing="0">
		<tr>
			<td align="left" valign="top">
			<ul id="p7PMnav">
				<li><a href="#" class="p7PMtrg">About Rosemary</a>
				<ul>
					<li><a href="about.htm">About Rosemary</a></li>
					<li><a href="sisters_in_crime.htm">Sisters in Crime</a></li>
					<li><a href="habitat_for_humanity.htm">Habitat for Humanity</a></li>
				</ul>
				</li>
				<li>
				<a href="http://blog.360.yahoo.com/blog-qyHC8zs5erRwOzbjMRcPLsZKmIY-;_ylt=AjOD_uyvxMI5agRkwLYjc920AOJ3?cq=1 " class="p7PMtrg" target="_blank">
				Rosemary Blogs</a>
				<ul>
					<li>
					<a href="http://blog.360.yahoo.com/blog-qyHC8zs5erRwOzbjMRcPLsZKmIY-;_ylt=AjOD_uyvxMI5agRkwLYjc920AOJ3?cq=1 " target="_blank">
					Yahoo 360 Blog</a></li>
					<li>
					<a href="http://rosemaryharrismysteries.blogspot.com/" target="_blank">
					Blogger</a></li>
					<li>
					<a href="http://www.myspace.com/rosemaryharrismysteries" target="_blank">
					My Space</a></li>
					<li>
					<a href="http://www.jungleredwriters.com/" target="_blank">JUNGLE 
					RED Group Blog</a></li>
				</ul>
				</li>
				<li><a href="PUD_synopsis.htm" class="p7PMtrg">Pushing Up Daisies</a>
				<ul>
					<li><a href="PUD_synopsis.htm">Synopsis</a></li>
					<li><a href="PUD_excerpt.htm">Excerpt</a></li>
				</ul>
				</li>
				<li><a href="#" class="p7PMtrg">Shady Lady&#39;s Garden</a>
				<ul>
					<li><a href="shady.htm">Gardening Tips</a></li>
					<li><a href="favorite_books.htm">Favorite Garden Books</a></li>
					<li><a href="links_garden.htm">Favorite Garden Links</a></li>
					<li><a href="shady_archives.htm">Gardening Tips Archives</a></li>
				</ul>
				</li>
				<li><a href="chalula.htm">Chalula Library Project</a></li>
				<li><a href="schedule.htm">Appearances</a></li>
				<li><a href="presskit.htm">Press Kit</a></li>
				<li><a href="mailto:rosemary@rosemaryharris.com">Contact Rosemary</a></li>
				<li><a href="newsletter.htm">Mailing List</a></li>
				<li><a href="index.html">Home</a></li> <!--[if lte IE 6]>
				<style>
#p7PMnav a {
	height: 1em;
}
#p7PMnav li {
	height: 1em;
	float: left;
	clear: both;
	width: 100%;
}
</style>
				<![endif]--><!--[if IE 6]>
				<style>
#p7PMnav li {
	clear: none;
}
</style>
				<![endif]--><!--[if IE 7]>
				<style>
#p7PMnav a {
	zoom: 100%;
}
#p7PMnav li {
	float: left;
	clear: both;
	width: 100%;
}
</style>
				<![endif]--></li>
			</ul>
			</td>
		</tr>
	</table>
	
</div>	


</body>

Here's the new code in index.html:

Code:

<tr>
		<td width="167" align="left" valign="top">
		<!--webbot bot="Include" u-include="Menu.html" tag="BODY" --><br /><br /><table width="167" align="center" cellpadding="5" bgcolor="#FFFFCC">
		<tr>

Thread: Menu in include not working on Firefox

Thread Tools

Search Thread

Menu in include not working on Firefox

what I changed

Bookmarks

Bookmarks

Posting Permissions