的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的目录布局问题

回答

相关问题