ie7 display：inline

问题描述：

我知道这个问题已经被问了上百次了，而且我觉得我已经看过所有100个帖子，但是这使我疯狂。ie7 display：inline

我发誓这是我将要做的最后一个符合IE7的网站。浪费了太多的钱。我邀请你也这样做。我仍然在等待微软的支票，因为我很遗憾所有你失去开发给我们的垃圾软件的钱。

反正！不得不咆哮。

问题是，显示：内联不适合我。我正在运行IE7编辑这个页面：http://www.buxback.com/和标题导航只是做一些奇怪的事情，我不能包裹我的头。

如果你把鼠标悬停在它的工作方式上（当然是ie7），你会注意到页面两边有一个白色条和一个子菜单。有一些东西（据说是）导致包含文本的中间div作为块元素。我认为这是中间格。我完全丧失了。

如果你看看Firefox，你可以看到它是如何行动的。

任何帮助，将不胜感激。

谢谢！

答

看来，我需要做几乎所有的东西有一个位置：相对的，显示：内联，变焦：1的Internet Explorer IE7。我们知道，当通用汽车做出不好的产品时，他们会进行召回。为什么微软不会在IE6和7上进行召回？

答

首先，JavaScript错误在Ffox：

"Error: browser is not defined 
Source file: http://www.buxback.com/wp-content/themes/buxback/js/fontreplace.js?ver=1.0 
Line: 1"

最好的解决，最多信任的任何浏览器的任何进一步谈判之前！我会建议对嵌套元素使用绝对定位，并在任何嵌套元素的父容器上使用绝对定位。这将使菜单超出文档流程，并且还允许您为它们分配z-index属性 - 因为您的菜单当前打开在UPS（右侧）的Flash广告下方。

同样，这个页面菜单在多个浏览器中的响应速度令人难以置信，您可能需要调查原因 - 也许您有很多事件监听器不必要地运行？也许在mouseover事件过程中处理过多？我想我在IE7的页面标签上看到了'加载'符号，每当我对菜单项目进行挖掘时 - 所以每次都会有一些服务器工作正在进行。

最后，不要老是加载你的页面在IE6：P

你没有回答显示：内联的问题:)是的，我没有设计这个网站。我只是把它放在一起为另一个机构。缓慢的时间是加载菜单的图像。试图告诉他们，但你只能告诉平面设计师这么多。浏览器错误不会影响显示：内嵌菜单是所有css驱动的。在要做的事情清单上。无论如何感谢。 – 2010-09-02 07:18:22

答

好吧，所以下面是在IE7（和所有其他浏览器）中水平居中列表的确切方式。

演示 - http://jsfiddle.net/iamtyce/XH2A6/。

HTML

<div id="menu-outer"> 
    <div id="menu-table"> 
     <ul id="horizontal-list"> 
      <li><a href="#">First</a></li> 
      <li><a href="#">Second</a></li> 
      <li><a href="#">Third</a></li> 
      <li><a href="#">Fourth</a></li> 
     </ul> 
    </div> 
</div>

CSS

div#menu-outer {} 

div#menu-outer div#menu-table { 
    display: table; /* Allow the centering to work */ 
    margin: 0 auto; 
    padding: 10px; 
} 

ul#horizontal-list { 
    margin: 0 4px; 
    padding: 0; 
    list-style: none; 
    text-align: center; 
} 

ul#horizontal-list li { 
    display: inline; 
    position: relative; 
    zoom: 1; 
} 

ul#horizontal-list li a { 
    text-decoration: none; 
    padding: 6px 10px; 
    color: #818181; 
    background: #f5f5f5;  
} 

ul#horizontal-list li a:hover { 
    color: #515151; 
    background: #e5e5e5; 
}

ie7 display：inline

相关推荐