开发者

Strange horizontal menu problem with firefox on Mac: Problem in english Content

I am still experiencing a strange menu problem (the last menu item of the top navigation wraps) using Firefox 3.6 on Mac OS X of a contao-based website (www.medivas.de) I've implemented last month. A few days ago I asked a similar question and some Mac users tested for me and could not see any problem (please see my old question: strange-horizontal-menu-problem-with-firefox-on-mac. Now, the english content is published and there happens the strange menu wrap of the last menu item. No item is over-sized nor are the paddings to high for the entries.

Once again, the menu-wrap problem only happens with the english content of the website on Mac using FF 3.6, nowhere else. All other browsers (as I know of) work fine, even Safari on Mac shows no problem.

The designer of the layout used an old Firefox 1.5 version on her Mac, in both website content languages, the menu worked without any flaw. Then she updated her Firefox to the recent version (3.6.13 or 14) and now, in english content, the menu wraps at the last entry.

So, once again, I ask a you Mac users with FF and Firebug installed on Mac OS X to have a quick look at the website and maybe give me a hint what the problem could be of that misterious menu wrap.

Like stated in the old question: 开发者_如何学GoI use jquery to add paddings to the menu entries so they get evenly distributed on the container width of the menu. But I suppose that is not the problem, since it works in other browsers without any problem.

Thanks very much in advance, hopefully I can solve that issue with your great help. Maybe i can improve the menu-html / css some where. I have no Mac (Only Linux) so this makes all even worst since I can not test and try. I am out of ideas for now.

Andreas


I'm testing on Windows/Firefox, and I can't recreate your problem. I'm going to guess a solution anyway:

  • On #nav-main-top, add overflow: hidden.
  • On .nav-main-top, adjust the width from 685px to something more excessive, for example:
    width: 750px.

After doing that, the site is visually identical for me, but hopefully it will have fixed the Mac issue.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜