» Forums
» DynarchMenu forum
» Support
» ie6 / Safari alignment problems
ie6 / Safari alignment problems
2005/04/02 10:26
Viewed 5913 times
Replies: 1/2
by marcusjw

Hi,

I have installed the menu in horizontal view, and it is working great in Firefox. When I installed it, I simply imported the correct JS and CSS files, but ignored the rest of the embedded JS and CSS code found in the example index page in the download. My html is also specified as XHTML Transitional.

The problem is with IE and Safari, when the menu pops up, it opens about 10px above where it does with Firefox and the example menus. That is, it covers over half of the original opening button!

Is this something that you've experienced before? I have found that if I place the embedded JS AND CSS back into the page then it displays better, but then the embedded CSS clashes with my custom page CSS. I assumed that I would only need to import the following:

<link rel="stylesheet" href="/src/skin-aqua.css" />
<script type="text/javascript">_dynarch_menu_url = "/src/includes/";</script>
<script type="text/javascript" src="/src/includes/hmenu.js"></script>

Any suggestions?

thanks,
Marcus.
Re: ie6 / Safari alignment problems
2005/04/02 11:51
Viewed 8060 times
Replies: 1/1
by Mihai Bazon

Yes, we encountered this situation. We have no idea yet--we think it's an IE bug--but there is a simple workaround: just embed the menu top UL element in a DIV having the style=“position: relative”, seems to fix the problem.

Please let me know if it still doesn't work (if you could provide an URL too it would be great).
last
Re[2]: ie6 / Safari alignment problems
2005/04/03 02:37
Viewed 9829 times
Replies: 0/0
by marcusjw

Thanks Mihai,

Your fix certainly makes it a lot better, but there is still a 3px overlap when using IE - http://dev.whiteyork.com/concepts/marcus - click on the Events menu. I haven't tested the new fix with Safari yet, but will be able to do so tomorrow.

If you look at the source, you can see that the menu and the specified containing div are nested within 2 other div's. This is necessary for layout of other content, but if I remove these surrounding div's, then the menu displays perfectly!

As you will be able to see, for the surrounding divs, the styles are as follows:

#bodyborder { width:760px; border:1px solid #1C2E5A; }
#bodyholder { width:758px; border:1px solid #000000; background:#0D132E; }

If I remove the styles from both of the div's, then the menu will align itself perfectly. If either of the styles are applied to the surrounding div's, then there is a 2-3px overlap (when also using your fix).

thanks again,
Marcus.
last
Google