Menu widths and cross platforms

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:34

Menu widths and cross platforms

Poster: corey
Dated: Thursday April 1 2004 - 20:32:46 BST

Hi Guys,

I am having a devil of a time in trying to tack down the menu widths across computer platforms. We are satisfied with the appearance and performance on Macintosh browsers such as IE5ish, Netscape, Safari and Opera. In other words, it looks great on Macintosh OSX

Here is the kicker. No matter what I try to do, the last menu item always hangs over the page border on Windows IE versions. I think you will readily notice this when you go to our URL at

http://www.collectorsguide.com

We have used the menu since early version threes and have always had remarkable success. Thanks for a great product. Any help and/or advoce is greatly appreciated.

Corey

Poster: Maz
Dated: Thursday April 1 2004 - 21:05:01 BST

I've heard this before, so without looking at your menu, I'm going to suggest using an itemwidth on the last main menu item, that should keep it under control.

Let us know if I'm wrong.

maz

Poster: corey
Dated: Thursday April 1 2004 - 21:21:45 BST

Maz wrote:

I've heard this before, so without looking at your menu, I'm going to suggest using an itemwidth on the last main menu item, that should keep it under control.

Let us know if I'm wrong.

maz

Maz,

That is an excellent suggestion, but I unfortunately tried that before posting. Anything else?

Corey

Poster: Maz
Dated: Thursday April 1 2004 - 21:37:14 BST

I have a mac also, so it works perfectly for me.

First make sure you have version 5.1

then try removing // items, but you probably should put menuwidth back in. Don't leave anything that you are not using including 0 values.

I'm resisting saying put it in a table, just try to clean it up and see if it behaves.

maz

Don't see the problem in Windows IE 6

Poster: stephen702
Dated: Thursday April 1 2004 - 23:30:03 BST

It looks fine to me, using Windows IE 6. I don't see anything hanging over.

Here's a screen shot of what I see: http://www.aact.org/collectorsguide.html

Poster: Ruth
Dated: Friday April 2 2004 - 2:25:03 BST

I have ie5.5 and the last item ended with the right border just above the cross on the image below. I downloaded your page and looked at the data file. After putting back in the subscribe then it hung over as you indicated. You had an itemwidth of 113 listed for the subscribe item, 2nd to last. The following makes the menu fit inside without the last item hanging over.

Code:

with(milonic=new menuname("Main Menu")){
style=menuStyle;
menuwidth=769;
itemwidth=70;
itemheight=20;
top=105;
left=10;
alwaysvisible=1;
orientation="horizontal";
aI("text=About Us;showmenu=About;url=http://www.collectorsguide.com/wingtoc.html;");
aI("text=Santa Fe;showmenu=SF;url=http://www.collectorsguide.com/wingtoc.html;");
aI("text=Taos;showmenu=TS;url=http://www.collectorsguide.com/wingtoc.html;itemwidth=51;");
aI("text=Albuquerque;showmenu=AB;url=http://www.collectorsguide.com/wingtoc.html;");
aI("text=More New Mexico;showmenu=NM;url=http://www.collectorsguide.com/wingtoc.html;");
aI("text=Calendar of Events;showmenu=CAL;url=http://www.collectorsguide.com/wingtoc.html;");
aI("text=Articles, etc.;showmenu=ETC;url=http://www.collectorsguide.com/wingtoc.html;");
aI("text=Subscribe;showmenu=SUB;url=http://www.collectorsguide.com/wingtoc.html;")
aI("text=Buy Art/Subscribe;url=http://www.collectorsguide.com/shop/enter.htm;oncolor=#FFFFFF;offcolor=#000000;onbgcolor=#D2A854;offbgcolor=#F6C563;");
}

You can't see it here, but any multiple word items has non-breaking line spaces between the words. I changed the itemwidth to 70 and coded the taos item specifically in the item to 51 and took out the itemwidth 113 from subscribe. Hope that helps.

Ruth

Poster: John
Dated: Friday April 2 2004 - 19:06:38 BST

At 5.07 you are still down-level. Move up to 5.1.

Poster: corey
Dated: Friday April 2 2004 - 23:39:50 BST

Ruth wrote:

Hi Ruth, Thanks for your help but that extra "SUBSCRIBE" was commented out intentionally. I simply had not gotten around to deleting the comment. Soooo...same problem.

Corey,

PS, I will upgrade to 5.1 this weekend and hope that it fixes it without any additional surprises that the menu is known for.

Poster: Ruth
Dated: Saturday April 3 2004 - 2:10:09 BST

I must be misunderstanding you somehow because when I go to the site
there is no menu item hanging over the page border, actually the last
item [gold] looks like it has a blank 15px whitespace to the right of it
before the menu butts up to the right hand border. You can fix that by
changing your itemwidth=80; to itemwidth="100%"; I tried it using the
data file you now have up and it worked perfect with no hangover at the
right. So, is that the original data file about which you had the question?
I'm on ie5.5 win98. If you had the filter on at one point, the shadow
effect would have caused something like that, you can set the direction to
180 and it will put the shadow at the bottom not right or left, or you can
leave that part out and still use fade, etc. The reason I mention it is that
you specifically referenced ie and ie is the browser that actually uses
those effects so I thought that might have had something to do with it.

Ruth

Poster: Maz
Dated: Saturday April 3 2004 - 2:30:41 BST

I'm not sure what anyone is seeing, but screenposition was fixed in 5.1

maz

Poster: John
Dated: Sunday April 4 2004 - 7:05:23 BST

corey wrote:

PS, I will upgrade to 5.1 this weekend and hope that it fixes it without any additional surprises that the menu is known for.

Oh, come now - that would take all the fun out of it. Surprises are part of the package...

Industrial Strength JavaScript and DHTML Menus

Menu widths and cross platforms

Don't see the problem in Windows IE 6