商品分类页商品显示问题!请高手帮帮忙~

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

商品分类页商品显示问题!请高手帮帮忙~

打开商品分类页面时,用IE浏览器,商品间会无故的空一个或几个商品不显示,用火狐或其它浏览器商品名称显示两排,商品价格就显示不出来,价格显示出来也只能看到一半。

我用的是lativ 模版

哪位能帮解决下,感谢了,

IE.gif (127.93 KB)

IE.gif

火狐.gif (65.61 KB)

火狐.gif


回答:
限制下商品名称的长度让它保持在一行内,或者增加商品区块的高度。

感谢版主,增加区块高度要在哪里修改?能不是说详细一点~谢谢了

顶一下,有没人能帮下~

网址写出来,帮你看下。

网址,谢谢


以后提问时就应该提供尽可能详细的信息,不然还得其他人询问下……
在styles.css中,搜索:
  1. .goods_list dl {
  2. float:left;
  3. width:190px;
  4. height:260px;
  5. text-align:center;
  6. }
复制代码
修改为:
  1. .goods_list dl {
  2. float:left;
  3. width:190px;
  4. height:280px;overflow:hidden;
  5. text-align:center;
  6. }
复制代码

如果280px不够自己再增加。

问题解决了,谢谢版主的热心帮助~~


  1. .goods_list .divList {
  2. margin-bottom:10px;
  3. }
  4. .goods_list dl {
  5. float:left;
  6. width:193px;/*根据论坛提示我把这一块由190改为193之后出现了下面的情况*/
  7. height:260px;overflow:hidden;/*论坛提示说将260改为280如果不行继续添加,现在即使把这块改为360页面下面还是那不能解决问题,所以还是改为260只把width改为193,虽然能解决分类中间某块不显示,但现在改为193后就出现了商品分类每个页面下面有两个商品空白*/
  8. text-align:center;
  9. }
  10. .goods_list dt {
  11. margin:auto;
  12. width:140px;
  13. padding-bottom:10px;
  14. }
  15. .goods_list dt img {
  16. width:140px;
  17. height:140px;
  18. }
  19. .goods_list dd {
  20. width:150px;
  21. margin:auto;
  22. }
  23. .goods_list dd.goodsName {
  24. margin-bottom:5px;
  25. }
  26. .goods_list dd.goodsName a {
  27. }
  28. .goods_list dd.goodsBrief {
  29. display:none;
  30. }
复制代码
根据提示我修改了css但是发现商品分类每个页面下面总有两个无法显示,麻烦帮看看css是不是有问题,谢谢了!
另外我的缩微图显示也很模糊麻烦给解决下,我和楼主用的模板都是一样的
ww.jpg