ie7 display：inline

我知道這個問題已經被問了上百次了，而且我覺得我已經看過所有100個帖子，但是這使我瘋狂。ie7 display：inline

我發誓這是我將要做的最後一個符合IE7的網站。浪費了太多的錢。我邀請你也這樣做。我仍然在等待微軟的支票，因爲我很遺憾所有你失去開發給我們的垃圾軟件的錢。

反正！不得不咆哮。

問題是，顯示：內聯不適合我。我正在運行IE7編輯這個頁面：http://www.buxback.com/和標題導航只是做一些奇怪的事情，我不能包裹我的頭。

如果你把鼠標懸停在它的工作方式上（當然是ie7），你會注意到頁面兩邊有一個白色條和一個子菜單。有一些東西（據說是）導致包含文本的中間div作爲塊元素。我認爲這是中間格。我完全喪失了。

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

任何幫助，將不勝感激。

謝謝！

來源

2010-09-01 Senica Gonzalez

看來，我需要做幾乎所有的東西有一個位置：相對的，顯示：內聯，變焦：1的Internet Explorer IE7。我們知道，當通用汽車做出不好的產品時，他們會進行召回。爲什麼微軟不會在IE6和7上進行召回？

來源

2010-09-02 10:11:43

首先，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

來源

2010-09-01 23:06:00 danjah

你沒有回答顯示：內聯的問題:)是的，我沒有設計這個網站。我只是把它放在一起爲另一個機構。緩慢的時間是加載菜單的圖像。試圖告訴他們，但你只能告訴平面設計師這麼多。瀏覽器錯誤不會影響顯示：內嵌菜單是所有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; 
}

來源

2012-04-27 00:44:30

ie7 display：inline

回答

相關問題