I had a look at this with Safari’s Web Inspector. It looks to me as
though your menu bar table is set to have its height collapse, while
the submenus are absolutely positioned on the page. So the submenus
stand resolutely still, but the height of the menu bar is a movable
feast.
The fact that they align at all is something of a hit-or-miss affair,
then.
If you made this with the CSS Menu action, then it’s going to need to
be fixed within the Action, because you are not actually drawing a
table and making the bar the height you want – you’re just making an
HTML box and filling it with a list.
Now if you made this with the Menu Bar Action, where you actually do
make a table for the menu bar and a second table for the submenus,
then you have some control over this. In the Output tab of the
Inspector, un-check Height Can Shrink.
Between the Menu Bar and the Submenu is an ugly gap with Safari 3. With IE 6/7, Firefox and Safari 2 it looks fine.
A bugfix would be great…
i’ve got the same problem - brutontown.co.uk - this is part of an email I got from Joe at Softpress: The problem with the Menubar Action is something specific to Safari 3 which I will be looking at shortly, I am not sure of a fix at the moment but I’ll let you know.
i see what you mean. I looked at it under a old Mozilla and it looked alright. I think it might be a Safari bug thing that might be the problem. I don’t have IE for mac on my computer anymore. i wonder what it looks like under icab. As far as firefox goes it looks alright
On 24 Jun 2008, 4:59 pm, Solutions Etcetera wrote:
I have a site that uses the menubar action and I don’t see this in safari. Are you sure your tables have no borders or cell spacing/padding?
Do you use the “Menu Bar Action” with vertical menues? The gap is only by using horizontal menues. In this case, the problem with the “Menu Bar Action” and Safari 3 has nothing to do with settings of spacing/padding etc.