Question

我之前已经问过这个问题，但是我太模糊了（只是习惯了Stack Overflow礼仪）。

我已经接管了其他人创建的网站的网站管理员职责，并且遇到了浏览器特定的字体和Internet Explorer问题。似乎菜单在每个浏览器中都很好，但是IE。

下面是一张imgur专辑，内有2张图片（对不起蓝色油漆，我认为保密）。在Firefox快照中，底部导航菜单全部在同一行，但是在IE快照中，一些文本被推送到第二行。我假设这是一个CSS问题，但我需要确定。

代码 - 页脚是一个PHP包括以下代码：

<link href="css/newFooter.css" rel="stylesheet" type="text/css" />

<div id="footer_nav">

    <ul class="footer_nav_list">
        <li class="rightindent">&copy;2014 My Company, LLC&nbsp; &nbsp; All Rights Reserved.</li>           
        <li><a href="index.php">HOME&nbsp;|&nbsp;</a></li>
        <li><a href="new-solutions.php">NEW SOLUTIONS&nbsp;|&nbsp;</a></li>
        <li><a href="other-solutions.php">OTHER SOLUTIONS&nbsp;|&nbsp;</a></li>
        <li><a href="support.php">SUPPORT&nbsp;|&nbsp;</a></li>
        <li><a href="careers.php">CAREERS&nbsp;|&nbsp;</a></li>
        <li><a href="contact.php">CONTACT US&nbsp;|&nbsp;</a></li>            
        <li><a href="sitemap.php">SITEMAP&nbsp;|&nbsp;</a></li> 
    </ul>
</div>

这是链接到CSS样式表，其中包含以下信息：

/* STRUCTURE BEGINS */
#footer_nav {
background-color: #2f2f2f;
background-image: url(../images/productsMain/footerBg.png);
background-repeat: repeat-x;
width: 940px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
float: left;
}
#footer_nav .footer_nav_list {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999;
list-style-type: none;
padding-top: 35px;
}
#footer_nav .footer_nav_list ul {
text-decoration: none;
display: inline;
list-style-type: none;
margin-top: 15px;
}
#footer_nav .footer_nav_list li  {
display: inline;
}
#footer_nav .footer_nav_list li a {
color: #999;
text-decoration: none;
padding-top: 25px;
padding-left: 2px;
}
#footer_nav .footer_nav_list li a:hover {
color: #FFF;
}
#footer_nav .footer_nav_list .rightindent {
padding-right: 25px;
}

提前致谢！

Answer 1

每个浏览器都以略微不同的方式呈现字体，关于它的可能性不大。尝试在head

中添加此内容

<!-- Windows/IE font smoothing -->
<meta http-equiv="cleartype" content="on">

Answer 2

只需更改为IE（padding-left:1px）即可。是的，这将是一种条件式的“黑客”，但应该有效：

#footer_nav .footer_nav_list li a {
color: #999;
text-decoration: none;
padding-top: 25px;
padding-left: 1px;
}

IE字体扩展问题

2 个答案: