View Full Version : Alignment in Safari

12-28-2010, 08:20 PM
1) Script Title: AnyLink Drop Down

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...pmenuindex.htm (http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm)

3) Describe problem:

Hi All,

When viewed in Firefox on a Mac, the drop down menu works perfectly. I am having a problem with my navigation when viewed in Safari on a Mac. I am not sure about how things function on a PC.

When viewed in Safari, the drop down menu appears unaligned with the buttons it corresponds to. For example, on the following page http://www.oharenoise.org/new/mission.htm when you mouseover "About Us" the corresponding menu shows up under "Home."

The other problem (only in Safari, as far as I know) I am having occurs on the homepage, viewed here (http://oharenoise.org/new/). When you mouseover "About Us", "Newsroom", "Residential", "School" or "Technical" the drop-down menu appears in front of the Flash slideshow perfectly, until the slide changes pictures and then the menu falls behind the slide.

Any idea why either of these issues are occurring?

12-30-2010, 09:44 PM
Try moving the onMouseover/out events within each link from the A tag into the IMG tag instead, for example:

<a href="about_us.htm" onClick="return clickreturnvalue()" ><img src="images/navigation/new/about.jpg" width="91" height="35" border="0" onMouseover="dropdownmenu(this, event, menu1, '170px')" onMouseout="delayhidemenu()" /></a>

I don't have a Mac to confirm whether this works, but worth a shot.

01-11-2011, 01:58 AM
Thanks for replying. Unfortunately, that did not resolve the problem.

The homepage code is the same (I've copy & pasted it on all other pages). My guess is that this is a CSS problem because the homepage has a different style sheet than the rest of the site but I can't seem to figure out what the difference is.

Any other ideas?

The homepage CSS is here (http://oharenoise.org/new/ONCC_Style_Sheet-home.css)

And the other CSS is here (http://oharenoise.org/new/ONCC_Style_Sheet.css)

01-11-2011, 08:37 AM
i've tried checking thew website you gave and opened it using chrome in windows xp...the about us part is not under home but before it... way out of the whole margin of the page and so are the rest of the drop downs.... but i don't know if the screen resolution affects it too..have you tried checking it?

01-11-2011, 02:53 PM
Yes, screen resolution does not effect this script. I used the exact script on another website (see here (http://www.heshimakenya.org/)) and don't have this problem.

In fact, I didn't have this problem in earlier versions of this website. So I know it is something I did in the process but I can't seem to find out what.

Thank you for all the suggestions. I am truly lost.

01-11-2011, 03:43 PM
try to review the script again...i'm guessing it's just a little error...coz if it really does not work, then it won't work on other websites...