JOYO模版在IE7下显示正常,到IE6下却排例不正常了!

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

各位大哥:我的电脑是IE7的浏览器,所以一直以来都是在IE7下编排JOYO模版下的产品。但最近在给朋友看我网店时,因为他的电脑是IE6的,他告诉我在他电脑上显示不正常,排版错误的,并截来了图。。。我亲自到网吧的IE6电脑上一看,果真如此:
我的商品是一行四例的,虽然在IE6下显示的也的确是四例,但到第二行开始就排例错误,如图,居然有一个商品显示到右上方,并把本来该排在一起的其他三个商品挤到下方去了。不仅如此,其他问题也差不多。反正在IE7下显示不正常的,但我看了博库书城网站那些,也是一行四例的,为什么他们的网站在IE6下却正常的。。请问有什么办法解决?

未命名1.jpg (74.14 KB)

未命名1.jpg


回答:
商品名字超级长,会导致在IE6下错位。
打开style.css搜索


.product-list .name a{
display:block;
height:25px;
padding-top:5px;
color:#0328C1;
font-size:14px;
}


其中.name中的高度就是商品名字的高度,25px是1行的高度2行40+3行60左右等等,自己调整就可以了。

修改了CSS文件,倒是排版正常了,但后台也得修改字节,改为22了,字数减少了,跟标价之间却空出一行距离,有点遗憾。没有两全其美的方法?