Menu width problem

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
waynem
Advanced
Advanced
Posts: 19
Joined: Tue Jan 13, 2004 1:22 am

Menu width problem

Post by waynem »

When I set the menuwidth to 100% under firefox it steps over the screen boundary just enough to create the scroll bar. You can see this here: http://www.commuterclub.org/

This does not happen in IE.

Any ideas if this can be fixed? Is anyone else having this problem?
waynem
Advanced
Advanced
Posts: 19
Joined: Tue Jan 13, 2004 1:22 am

Re: Menu width problem

Post by waynem »

to update, its also IE7, but not IE6.
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: Menu width problem

Post by Ruth »

I'm testing this, but thought I'd let you know it does give a bottom scroll bar in IE6 resolution 1024x768

Ruth
waynem
Advanced
Advanced
Posts: 19
Joined: Tue Jan 13, 2004 1:22 am

Re: Menu width problem

Post by waynem »

I think I got rid of the problem in IE by making the separator narrower, but its still there in Firefox :evil:
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: Menu width problem

Post by Ruth »

Hi,

Well, you can fix IE by adding a left=0; in the menu so it knows where to place itself. However, there is something wrong in FF. So, here is a fix while I report it to milonic so they can figure out what the problem is

Add this to your page, just above your starting table

Code: Select all

<table width='100%' cellpadding=0 cellspacing=0 height=26px style="background-color:#000000">
<tr>
    <td></td>
</tr>
</table>
Then make this your main menu coding for placement and such

Code: Select all

with(milonic=new menuname("mainmenu")){
style=style1;
alwaysvisible=1;
orientation="horizontal";
menuwidth="99.5%";
menualign="center";
top=0;
left=0;
The 99.5% width fixes the scroll bar in FF, the left=0 fixes it in IE. The posted empty table above sets a black area 26px high which gives you the full black area for the menu.

Instead of the above, you could set the menu to 99.5% width, left=0, top=0 and screen position='center'; This will also get rid of the scroll bars but it does leave a bit of the green space on either side of the 99.5% wide menu.

R
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: Menu width problem

Post by Ruth »

I reported the issue and as I was doing that found the problem, but it will have to be something Milonic handles if they can.

There is something in the code amber scroller that is causing the menu to do that. If you remove that [not suggesting you do, I also have it on my site] but for testing, if you remove that then you can see the problem no longer exists in FF.

Ruth
User avatar
Andy
Milonic
Milonic
Posts: 3308
Joined: Sun May 19, 2002 8:23 pm
Location: Menu Developer
Contact:

Re: Menu width problem

Post by Andy »

I found a bug with the 100% width menu on Firefox.

If you download the Pre Release verison of the menu found at http://milonic.com/menuvinfo.php and update the files: milonic_src.js and mmenudom.js it should fix the problem.

-- Andy
waynem
Advanced
Advanced
Posts: 19
Joined: Tue Jan 13, 2004 1:22 am

Re: Menu width problem

Post by waynem »

Thanks for all the attention to this issue.

I did install the pre-release but still seem to have the same problem with FF. Not sure if I did something wrong?

I'm using FF 3.0.1 to test.
Post Reply