的Internet Explorer 9 - Magento的目錄佈局問題

目前，我試圖找出與IE9和Magento的一個問題，下面的截圖說明了問題的更好（這是在Firefox /歌劇/鉻細），或在這裏http://foscamuk.co.uk/indoor-ip-cameras.html： IE9 Catalog Magento Issue 的Internet Explorer 9 - Magento的目錄佈局問題

這顯然是一個IE瀏覽器的兼容性問題，但我不知道從哪裏開始尋找，CSS代碼是在這裏：

.products-grid-container{ background:#fafafa; padding: 5px 0; border:1px solid #ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 3px #ccc; } 
.products-grid { position:relative; } 
.products-grid li.item { float: left; padding: 15px 5px; width: 160px; text-align:center; position: relative; background:url(../images/bg-li-product.png) 100% 10px no-repeat; } 
.products-grid li.last{ background:none; } 
.products-grid .product-image { display: block; height: 120px; margin: 0 0 15px 10px; width: 135px; } 
.products-grid .product-name { color: #555; margin: 5px 0 17px; padding:0 10px; font-weight:400; } 
.products-grid .product-name a { color: #555; font-size:110%; } 
.products-grid .product-name a:hover{color:#D92D37;text-decoration:none; font-weight:400;} 
.products-grid .price-box { margin:5px 0; } 
.products-grid .availability { line-height:21px; } 
.products-grid .actions { background:url(../images/bg-action.png) 50% 100% no-repeat; padding:0 0 30px; } 
.products-grid.last .actions{ background:none;} 
.products-grid .actions .add-to-links { display:none; }

雖然我已經得到了你的注意，也此頁面上，如果你看看在底部的工具欄中，列表圖像似乎低於它應該在的位置 - 不完全確定爲什麼會發生這種情況運行與頂部工具欄完全相同的代碼。

感謝您的幫助

來源

2013-04-20 user994319

您的列表項中有一個損壞的a標記。

當我查看源代碼時，發現這是：<a href="http://foscamuk.co.uk/foscam-fi9821w.html" class="minimal-price-link">，後面跟着一個閉合的div標籤。這應該解釋你的IE問題。 :)

來源

2013-04-21 15:46:13

完美，非常感謝你 – user994319 2013-04-22 22:56:25

你有Pie.js是顯示一些錯誤嘗試修復它。可能是它的衝突issue.Try使用noConflict

來源

2013-04-21 14:10:15 Sandeep

您的標記沒有結束

檢查:)

來源

2013-04-21 18:01:54 David

的Internet Explorer 9 - Magento的目錄佈局問題

回答

相關問題