Submenu Positioning in Safari

[zadeha]

Hi there,

I have the latest version of the source codes. However, for my site it shows the first submenu about 10 to 20 pixels above the bottom of the main navigation (horizontal nav). I have the menu in a table correctly. Everything is fine in all browsers and platforms except for Safari on Mac. and the only problem is that the first sub menu is positioned abit above than what it should be.
I also set the submenu 'top' and 'left' positions to 0 and still the same thing.

Can anyone help me here please? Let me know if u need more details.

Thanks!

[Maz]

Can you post a url please?

maz

[zadeha]

Hi maz,

here i have screenshots:
http://s95229601.onlinehome.us/

Don't mind the font size, that's just screenshots from mac and windows.
If you look at the first screen shot, the submenu is shifted up a bit whereas, in the second one, it is correct; it opens from the bottom of the main nav.
In addition, the main navigation items are images and not text. So the main navigation is using "image" instead of "text" for generating each item.

Here is my style:

with(MainStyle=new mm_style()){
onbgcolor="#52759A";
itemheight="21px";
oncolor="#FFFFFF";
offcolor = "#135192";
offborder="#002255";
offbgcolor="#52759A";
bordercolor="#002255";
borderstyle="solid";
borderwidth=0;
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Helvetica, sans-serif";
fontsize="1em arial";
separatoralign='left';
separatorcolor="#52759A";
separatorsize="30";
}

And the submenus are loaded before the main nav menu, in the html page.


Let me know if u need more info...

thanks.

[Maz]

remove arial from fontsize.
I wonder about em, try px, to test.

maz

[zadeha]

Hi maz,

I tried what u said to do, but still has the same problem...




Ali

[Maz]

a url would be better, are you using table in css?

maz

[zadeha]

sure, here it is:
http://www.durhamcollege.ca

Like i said, it only screws up in Safari(mac).

Thanks!

[Maz]

Well, that was intersting to follow;)

your top offset for the submenu is 10, I think thats where it is, in your style.js, I'm wondering if on the html, style.js should be placed just above menu_data.js, I'm not sure if under source.js is correct. But then all you are doing is asking if its mac before the others, hmmm.

If that has nothing to do with it you could try offset, (guys where did offset go? my bad memory)

Just try placing style.js on top of your data.js in html.

The other thing I notice although in your case I don't know, In most cases ../../ for paths causes problems, it should begin with a slash /

Maybe something I said is helpful

maz

[zadeha]

Hi Maz,

I tried those, still doesn't work!

Ali

[zadeha]

As well, I did set the offsets to 0 way before and it didn't work

Ali

[Ruth]

It looks like you're putting the menu in a table? If that is correct, I do not see any place the required position="relative"; for placing a menu in a table. Table bound directionshttp://milonic.com/tablemenu.php note you need position="relative"; you need that even if you are putting the 'main' menu into a js file and call it in the table cell. I don't know if that is the problem, I have no way to test since I don't have safari.

Ruth

[zadeha]

Hi Ruth,

Thanks! it worked! I guess it was me being a retard..

Ali

[zadeha]

actually, I realized that after doing putting position="relative"; it makes the first menu items unclickable.. but when you rollover them, it still opens submenus.


Ali

[Maz]

I think you mean the submenus are too high?

Then position them using
top="offset=20px";
or however many px.

Goes above submenu menuitems.

maz

[Ruth]

I just went to the page, it seems to be the same as it was before without any changes. Do you have a new update/test page with the new changes you made so we can check what's happening?

Ruth