Raltive Submenu misplaced

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
ippous1
Beginner
Beginner
Posts: 4
Joined: Thu Aug 26, 2004 9:30 am

Raltive Submenu misplaced

Post by ippous1 »

Hello; i'm using vertical and horizontal menu in the same page.

All is working well for the vertical menu.
But it's différent for the horizontal menu.

The vertical il absolute positionning.
The horizontal is relative.

In fact, the submenu of the horizontal are shown, by IE and Opera, at the position of their parents multiplicated by 2 (as if he considered their position was:
sub.x = parent.x + parent.x ).

In Mozilla, the submenu are at the good place in the browser, but if i used the DOM inspector, it shows there at the same place that the two other browsers.

You can access the bake here:
http://www.rcacp.com/index7.php3?dest=Memb

user is: test
password is: test1
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

First you need to get up to level. You're running v5.35, current is v5.44. Only the most current version is supported, and there have been numerous fixes since .35. Let us know how it goes after that.
John
ippous1
Beginner
Beginner
Posts: 4
Joined: Thu Aug 26, 2004 9:30 am

Post by ippous1 »

So, I upgrade to the right version this morning, and the problem is still here.
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Where exactly is the horizontal menu? I only see the vertical and checking your html source I don't see any menu set at orientation=horizontal, nor position=relative.

Ruth
ippous1
Beginner
Beginner
Posts: 4
Joined: Thu Aug 26, 2004 9:30 am

Post by ippous1 »

You must log you with the user: test
and the password: test1
it's just because the horizontal menu is in a member area.

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

Post by Ruth »

There are a number of problems with how you have placed the menu.

I have a question/suggestion which if it's possible would be the easiest solution. I notice you have an absolute positioned div inside of which you've placed a table and in the table you've put the menu. The absolute position of the div is top=125 left 205. Why don't you just absolutely position the menu at that top/left position instead of putting it in a table? If that's not possible, then these are the following problems and how to fix them.

1. The menu shouldn't be inside a div, it's made up of divs, spans etc. It can cause the menu to break up or to become non functioning in some browsers, though it seems to work in ie and netscape, not sure about macs.
2. You have the menu placed in a table inside that div but to do that you must follow the directions for placing the menu in the table or the exact problem you are seeing will occur. You can see the information here
3. You seem to have two menus with the same name, one in the vertical menu and one in the horizontal.

I would suggest you do the following:

Put all the menus back into a menu_data file. Rename one of the milonnic1 menus or get rid of one since calling one is fine, each menu would just call the same one. I notice that the div you have absolutely positioned is right above the Espace Members, so if you must have the menu in a table, why not make a table which has a top row for the menu and a second row for that Espace Members. If you can do that then you nest a single cell table into that top row and put the menu in it. To position the menu in a table you put ONLY the main menu into the table inside of script tags using the drawMenus that you have with the main horizontal menu now, but get the submenus into the menu_data file and put the calls for the menus files right after the body tag as you have them now, but call the menu_data file also. I did play with the page, of course it's hard when one is not sure of the layout, but I put all but the main horizontal menu back into a menu_data file and it seems to work fine.

Hope that helps. If you need anything more, let us know.

Ruth
ippous1
Beginner
Beginner
Posts: 4
Joined: Thu Aug 26, 2004 9:30 am

Post by ippous1 »

Just for the fun, I have tried two things, on the trhee:
Rename the second menu.
Put it in a table, not in a div
It does'nt work.

But it's make me realize, that I'm trying to place the second menu, in 0,0 in a table with an absolute position, so 'relative' is a non sense.

I put the menu as 'absolute' and it works fine.

I can register now.

Thanks for you help.
Post Reply