Submenu Positioning in Safari

Poster: zadeha
Dated: Friday October 15 2004 - 22:51:09 BST

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!

Poster: Maz
Dated: Friday October 15 2004 - 23:55:27 BST

Can you post a url please?

maz

Poster: zadeha
Dated: Saturday October 16 2004 - 1:17:37 BST

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.

Poster: Maz
Dated: Saturday October 16 2004 - 7:42:38 BST

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

maz

Poster: zadeha
Dated: Monday October 18 2004 - 18:19:59 BST

Hi maz,

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




Ali

Poster: Maz
Dated: Tuesday October 19 2004 - 7:00:29 BST

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

maz

Poster: zadeha
Dated: Tuesday October 19 2004 - 18:09:02 BST

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

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

Thanks!

Poster: Maz
Dated: Wednesday October 20 2004 - 0:55:48 BST

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

Poster: zadeha
Dated: Friday October 22 2004 - 17:50:09 BST

Hi Maz,

I tried those, still doesn't work!

Ali

Poster: zadeha
Dated: Friday October 22 2004 - 18:38:55 BST

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

Ali

Poster: Ruth
Dated: Saturday October 23 2004 - 0:11:41 BST

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://www.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

Poster: zadeha
Dated: Saturday October 23 2004 - 0:27:02 BST

Hi Ruth,

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

Ali

Poster: zadeha
Dated: Monday October 25 2004 - 17:47:39 BST

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

Poster: Maz
Dated: Monday October 25 2004 - 19:29:04 BST

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

Poster: Ruth
Dated: Monday October 25 2004 - 20:42:50 BST

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