为什么IE7上的标题关闭？ [英] Why is the header off on IE7?

问题描述

我有这个页面，如果您在IE7中查看标题，您会看到标题为一点点....这是我的代码

I have this page and if you view the header in IE7 you will see the header is a bit off....Here is my code

HTML

HTML

<div id="header">
<a href="/"><img width="222" height="91" src="/images/logo.png" alt="pos system" id="logo"></a> 
<span class="phone fr">877.727.3548</span>
<div class="cl">&nbsp;</div>    
<div id="navigation">
    <ul class="shop-nav">
        <li class="systems"><a href="/pos_systems">Shop Systems</a></li>
        <li class="equipment"><a href="/shop_pos">Shop Equipment</a></li>
        <li class="supplies"><a href="/shop_pos/pos_supplies">Shop Supplies</a></li>
        <li class="software"><a href="/pos_software">Shop Software</a></li>
    </ul>
    <ul class="utility-nav">
                            <li class="login"><a href="/shop_pos/index.php?route=account/login">Log In</a></li>
                <li class="cart"><a href="/shop_pos/index.php?route=checkout/cart">View Cart</a></li>
    </ul>

    <div class="contact-nav">
        <ul>
           <li><a href="http://www.facebook.com/pages/POS-Nation/120410367994730?ref=sgm"><img width="40" height="39" alt="" src="/pos_systems/css/images/icon-facebook.png"></a></li>
           <li><a href="http://twitter.com/POSNation"><img width="40" height="39" alt="" src="/pos_systems/css/images/icon-twitter.png"></a></li>
        </ul>
        <div class="cl">&nbsp;</div>
        <p class="ar"><a href="/shop_pos/index.php?route=information/contact">Contact Us </a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="/shop_pos/about">About Us</a></p>
    </div>      
</div>

我可以粘贴CSS，但有很多...我认为一个开发工具会告诉你我在说什么

I can paste the CSS but there is alot...i think a developer tool will show you what i am talking about

提前致谢

Thanks in advance

推荐答案

当

Looks like I was talking rubbish when I said in a previous question:

我快速浏览了一下，乍一看，这看起来不够简单
我可以在这里写评论。

I had a quick look, and at first glance it doesn't look easy enough that I can just write in a comment here.

你可以只需将 float：left 添加到 #logo 即可修复它。

You can fix it simply by adding float: left to #logo.

这是IE7的另一个实例，当它不应该放弃时，它会下浮。

It's yet another instance of IE7 dropping down floats when it shouldn't.

这篇关于为什么IE7上的标题关闭？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！