css - 停止跨越 2 行的导航菜单

Question

我在这个网站上工作，在 IE 中，导航菜单跨越 2 行： http: //www.sandiegolawfirm.com/

我想要么删除破产左侧的空间，要么在 IE 中将字体大小减少一两点。允许所有部门适应一个导航菜单行。

我正在积极尝试解决此问题，但希望能帮助我找出完成此任务的最佳方法。

谢谢 - 罗利

Answer 1

一种方法修复特定于使用特定于 IE 的样式的更改。根据您尝试修复的版本，您可以使用不同的规则。

例如：

针对所有版本的 IE

<!--[if IE]>
#any rules you like
<![endif]-->

定位除 IE 之外的所有内容

<!--[if !IE]><!-->
#any rules you like
<!--<![endif]-->

仅针对 IE 7

<!--[if IE 7]>
#any rules you like
<![endif]-->

仅针对 IE 6

<!--[if IE 6]>
#any rules you like
<![endif]-->

这里有一个教程：http: //css-tricks.com/how-to-create-an-ie-only-stylesheet/

Answer 2

我想添加类似的东西

ul li:first-of-type a{
   margin-left:-20px;
}

到 IE 样式可以工作

Answer 3

看起来您正在尝试使用自定义字体并在 IE 中获得不可预测的结果，因为“Gotham”不可用。您可以尝试使用 Google 网络字体或将网络字体上传到您的服务器，以至少获得相似的字体大小。