IE 7 item / menu width

[mashupsoft]

Hi,

I just discovered this behavior in IE 7, the item / menu width expands beyond the specified value.
I saw similar posts, but though related are not the same (search.php )

Here is the live menu, notice how the border extends to the right http://www.mashupsoft.com/maps/products
This only ocurrs in IE 7 , Firefox 2/3 and IE 6 clip the width as expected...but IE 7 always expands it...

Is there any value / style I can use in to avoid the menu expanding like this ? I've tried width, menuwidth, imagewidth.etc. and nothing seems to work.

Here is the properties file for the menu : http://static.mashupsoft.com/javascript ... se_data.js
And live link once again http://www.mashupsoft.com/maps/products

Thanks for any tips on the issue

[John]

First you'll need to update your menu code (required for help here in the forum). You're running v5.754, current is v5.800. Basically you're over 2 years behind!

Let us know how that goes.

[mashupsoft]

Hi John,

Just upgraded to the recent release 5.800
It still stretches the width way beyond what is specified, and only occurs in IE 7.
Here is the properties file for the menu : http://static.mashupsoft.com/javascript ... se_data.js
And live link once again http://www.mashupsoft.com/maps/products
Upgraded milonis_src, mm*files and tree menu to 5.8: http://static.mashupsoft.com/javascripts/milonic_src.js

[Ruth]

Hi,

Do you have, or can you post a screenshot of what it is supposed to look like? I went in IE6 and it seems the menu is kind of out of the box to the right.

Ruth

[mashupsoft]

Hi Ruth,

Here are two images

On IE6 ( looks the same on Firefox ) :
http://static.mashupsoft.com/images/MenuIE6.gif
Note the menu width is clipped at the specified length..NOTE: the menu is a little out of the box to the right, lines are typically not there..I am just using them to illustrate how its the menu that expands way to the right in IE 7 ( see next shot )

Now here is the rendering on IE7
http://static.mashupsoft.com/images/MenuIE7.gif
Here note how the blue line surrounding the menu ( which is menu property ) is extended way to the right, IE 7 even adds a horizontal scroll bar! Its simply white space, but I have no idea why it expands it this way, the expansion only occurs with the menu , so I can discard any other div/layout positions...and of course this behavior only occurs in IE7 ...as the image shows IE 6 works fine ( as well as Firefox 2/3 )

Any ideas on a property I could add or am missing ?

[John]

Hi,

Going to take a crack at this for you, as Ruth does not have IE7. However, it might take a few days (hopefully you're not up against a tight deadline). Tomorrow is move-in day here for the newbies, and I got volunteered to help. Really hate it when the J.O.B. gets in the way of fun.

Patience appreciated!

[John]

Just took a quick look at this and I still see 2 year old code posted...

Code: Select all

Milonic DHTML Menu - JavaScript Website Navigation System.
Version 5.754 - Built: Wednesday August 16 2006 - 12:56
Copyright 2006 (c) Milonic Solutions Limited. All Rights Reserved.
This is a commercial software product, please visit http://milonic.com/ for more information.
See http://milonic.com/license.php for Commercial License Agreement
All Copyright statements must always remain in place in all files at all times
*******  PLEASE NOTE: THIS IS NOT FREE SOFTWARE, IT MUST BE LICENSED FOR ALL USE  ******* 

License Details:
 Number: 
    URL: Mashup Soft
   Type: Professional
  Dated: Monday June 12 2006

Thought it has been updated.

[mashupsoft]

John,

Yes I upgraded to 5.800 the day of the initial post ( see the screenshots which show the default MILONIC top-menu link )

However, since its a live site I went back to the licensed version ( which is the older ) in the mean time.

If you use the new menu 5.800 the behavior is the same...

[John]

Is this basically what you're after? I'm not seeing anything extending to the right in IE7.

[mashupsoft]

John,

It appears to work the way you spilt the menu and place some of it in-line ( the extra space is no more in IE 7! ) , however the treemenu.js seems to not like this menu split.

When I click to expand the menu ( which is a tree type) I get the following JavaScript error on the treemenu.js _mi[_ai].child has no properties
_oTree()treemenu.js (line 54)
$K(11)mmenudom.js (line 20)
onclick(click clientX=0, clientY=0)

Inclusively if you try to expand the first menu ( Mashups101) it doesn't even open ( Mozilla, IE 6 or IE 7), not to mention the openBranchByName() does not work ( though probably on account of this )

Now that you've gotten me A LOT closer, I'll try some stuff here....though if you have any ideas please do suggest

[Ruth]

Hi,

No, the treemenu doesn't work with relative position if you use the split, it must be together. Have you placed buildAfterLoad=true; up at the top of the data file when you are relatively placing the treemenu, since you can't use the old split method?

This may sound kind of beginner, but as a suggestion, I always put a colored border around any divs I put the menu in when there's a problem so I can actually see what the div is doing. In one case it turned out that putting the border fixed the issue, so I ended up having to change the padding on the div to fix it without the border, something about padding and margins and IE

Ruth