Rendering Problems :(

Nial · Post by **Nial** » Mon Aug 21, 2006 1:16 am

I've been giving the milonic.com javascript drop-down script a try. It's really nice and I'm pretty happy with it. Or rather: most browsers are happy with it.

Here's the problem:

That's fine, I thought. It must just be some strange value in the menu configuration file. It wasn't. Turns out, it's the way I'm wrapping the menu up. On the site layout I have a nice menu bar. It's just a gif file and is layered with a DIV.

Ontop of that, I layer the menu code:

Code: Select all

		<div class="topNavBarContainer">
			<img src="navBar.gif">
		</div>

		<div class="topNavBarContents">


			<script type="text/javascript" src="milonic_src.js"></script> 

				<script type="text/javascript">

				    if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");
				    else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>");

				</script>

			<script type="text/javascript" src="menu_data.js"></script>
	

		</div>

The CSS for topNavBarContents is:

Code: Select all

.topNavBarContainer
{
	bgcolor: #fff;
	position : absolute;
	top : 75px;
	left : 40px;
	padding: 0px;
	z-index : 0;
	margin : 0;	
}

.topNavBarContents
{
	position : absolute;
	top : 86px;
	left : 55px;
	padding: 0px;
	margin : 0px;
	width: 700px;
	font-weight: bold;
}

The problem is the absolute position. If I remove it, the menu works perfectly (but is aligned incorrectly). If I keep it, it seems to offset the submenu.

Can anyone help?

Also: how do I go about getting rid of the MILONIC link? I'm willing to pay a registration fee.

Post by **Andy** » Mon Aug 21, 2006 12:52 pm

Hi,

Can you please confirm the version of menu you are using. In the latest version there is some new code to enable the menu to be better placed inside DIV and Table cells and I'm hopeing it might cure the problem.

With regards the forced MILONIC link, once you have a bought a Pro License you will be able to download a verison of the menu that has this link removed.

Hope this helps,
Andy

Nial · Post by **Nial** » Mon Aug 21, 2006 6:42 pm

Andy: the menu code is the latest (5.7?). I redownloaded it, just to make sure. The problem is still there. I'm very interested in getting this working -- provided I can, I will be purchasing a PRO license.

The test site can be found online at: http://www.ericshapiro.net/SET/

Works in Firefox but Safari and Internet Explorer choke up!

Post by **Andy** » Tue Aug 22, 2006 12:29 pm

Hi,

There are 2 things you can do here.

1. (the easy fix) is to add buildAfterLoad=1; to your menu_data.js file (at the top). The disadvantage of this is that the menu is not available until the page has fully loaded.

2. You need to declare the menu code and sub menus just after the <BODY> tag and only declare the main menu inside the DIV. Note that you'll need to execute drawMenus(); after each set of menus. There's documentation on this here: http://milonic.com/tablemenu.php

Hope this helps,
Andy

Post by **John** » Tue Aug 22, 2006 2:58 pm

Note that 5.756 is current.