站点菜单在Windows上的所有浏览器上都很好，但在Mac OS上中断

Question

我以前从未遇到过这个问题。

Windows上的菜单看起来很不错，但在Mac OS上的Firefox，Chrome和Safari中断了（通过使用browsershots看到了这一点）。我没有访问mac所以我无法正常调试它。我认为这可能是由于不同的字母间距或大小造成的。有没有人有这方面的经验？

谢谢！

Answer 1

我在mac上查看firefox中的网站，看起来像id =“wrapper”的div不够长，无法包含菜单。

将div＃wrapper增加到960px：

#wrapper {
margin:0 auto;
width:980px;
}

或将菜单字体的大小减小到16px：

#mainMenu ul li a {
background:url("images/bk_menu.gif") repeat-x scroll 0 0 transparent;
color:#175689;
display:inline-block;
font-size:16px;
height:30px;
overflow:hidden;
padding:16px 19px 0;
text-decoration:none;
}

Answer 2

据我所知，它在Safari 4中看起来很好，除非你发布截图。但可能是<div id="top-links">发生了两次：[Invalid]Markup Validation of clients.newblack.ro integra - W3C Markup Validator。在验证报告中向下滚动以查看行号和源代码。