修改首页图片大小后，页面错位

2016-07-07 16:10 来源：www.chinab4c.com 作者：ecshop专家



我用的是concise模板,2.7.2版本，修改了首页的图片大小为158*158后，经测试，在IE7和IE8下首页右边产品图片显示错位，IE5.5下首页框架靠左，在IE6下正常。（我昨晚从IE6升级到IE7，才发现这个问题）。网站 www.yuem.com应该怎么修改，兼容多个浏览器版本，好像火狐浏览器显示也不正常。
模板---style.css数字100改为158
/*--- goods_grid ---*/
.goods_grid{ display:block; overflow:hidden; zoom:1; padding:0 0 0 4px;}
.goods_grid li{ width:106px; float:left; padding:11px 8px 9px;}
.goods_grid .img{border:1px solid #E4E4E4; width:100px; height:100px;}
.goods_grid .img img{width:100px; height:100px;}
.goods_grid .name{text-align:center; height:28px; padding-top:4px; overflow:hidden; line-height:14px; width:100px;}
.goods_grid .price{text-align:center; height:20px; width:100px; line-height:20px; overflow:hidden; }

在IE7和IE8下首页右边产品图片显示错位
IE7和IE8.jpg


IE5.5下首页框架靠左
IE5.5.jpg


在IE6下正常
IE6.jpg

回答：
写个多出隐藏，或者在后台设置模板里，设置固定几个商品

这是浏览器的兼容性问题，跟后台模板设置没关系。要的是IE6下显示的效果（右边显示4个产品）

会的人帮忙看下

大哥，有几个还用ie5.5啊。。。。。现在主流是IE6 7




关键是，IE7和IE8是错位的