关于商品错位显示问题！！求高手

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

关于商品错位显示问题，发一系列图片，问题网站
http://www.yi-cool.com/index.php


商品略缩图的大小我修改过，商品名字的长短调整过，都不能解决这个而问题，求高手解决，希望能详细说明一下问题所在和解决办法，{ 菜鸟！}

商城主页，和商品列表都会出现同样的问题

1.jpg (50.15 KB)

1.jpg

2.jpg (52.67 KB)

2.jpg

3.jpg (51.95 KB)

3.jpg

4.jpg (29.94 KB)

4.jpg

5.jpg (61.73 KB)

5.jpg

6.jpg (38.07 KB)

6.jpg


回答：
希望得到帮助

在ie6，ie7，opera看过，ie7和opera下都会出现图片边框被图片遮盖住的现象，但还是说主要的问题吧：
这种问题很多模板都有，因为商品名称长度不同导致商品区块的高度不同，ie下就会出现错位了。
比如你的模板，找到：
.product-list li {
list-style:none;
margin-bottom:5px;
float:left;
width:160px;
height:335px;
margin-right:24px;
margin-left:0px;/*产品列表区*/
text-align:center;
}
改为：
.product-list li {
list-style:none;
margin-bottom:5px;
float:left;
width:160px;
height:335px;
overflow:hidden;
margin-right:24px;
margin-left:0px;/*产品列表区*/
text-align:center;
}
这样就把商品区块的高度定住了，你可以调整height:335px;的数值来达到你满意的高度。

十分感谢楼上已经解决首页显示问题商品列表错位问题依然存在， 请教在那个文件 进行修改？ 如何修改？

layout.css

需要定义一个height，就可以了

以前我的商品展示也这样,后来发现是商品名称太长的问题,直接在后台设置商品名称的长度,改小一些就可以了.