IE7錯誤 - 主框移動到左側懸停

我試圖解決這個問題，在IE7中，當你懸停在它上面，它不會停留在它的位置，但會去左側。我試過顯示器：內聯，但它不會在這種情況下工作。
你可以在這裏進行測試：http://www.sneakyrascal.com/kayak/results.html
這是我使用的主箱（中間的一個）代碼：IE7錯誤 - 主框移動到左側懸停

.results #container{ 
    float:left; 
    width: 527px; 
    margin:38px 0 0 20px; 
    padding-left:1px; 
    position: relative; 
    border: #ccc 1px solid; 
    background: #fff; 
}

在此先感謝

來源

2011-09-21 Nima

還有更多 - 你有容器內的任何元素：懸停樣式分配？ –

是的 - 你需要爲我們提供可能影響你的元素的'__：hover'元素。 **還**，請提供一些關於您的問題的更多見解 - *盤旋時發生了什麼？ – Ben

沒有：懸停這是一個常見的錯誤！正如我所提到的，中間的盒子向左移動。感謝您的評論。 – Nima

問題是由position:relative上#main-content引起的。如果你刪除它的容器不會跳任何更多：

#main-content { 
    margin-top: 20px; 
    position: relative; /* delete this */ 
}

而且你可能已經注意到，您的.sites DIV不排隊正確。添加left: 0將修復：

.results #container UL LI.box .left-side .sites{ 
    width: 90px; 
    text-align: center; 
    position: absolute; 
    bottom: 10px; 
    left: 0; /* add this */ 
}

來源

2011-09-22 00:48:56 tw16

我刪除它，它的工作原理。謝謝。另外關於.sites我只爲IE7設置了空白，所以它看起來和其他瀏覽器一樣，但是你解釋的方式是語義方式。感謝您的時間和幫助。 – Nima

天啊，謝謝你！ xD我有同樣的錯誤，我是絕望的。愚蠢的... :)） – Pavel

Huhh，奇怪的錯誤，你可以修復它通過正確包含您的＃主要內容ID。只需添加這給它：

display:inline-block;

來源

2011-09-22 00:17:50

感謝您的回覆，我相信這對未來的IE會有所幫助。 – Nima

IE7錯誤 - 主框移動到左側懸停

回答

相關問題