ECShop 网上商店系统支持论坛 » 模板美化交流 » 关于商品错位显示问题！！求高手

ladaykiler 发表于 2008-9-23 22:39

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

[font=宋体][size=6][color=red][b]关于商品错位显示问题，发一系列图片，问题网站[/b][/color][/size][/font]
[b][font=宋体][size=6][color=#ff0000][url=http://www.yi-cool.com/index.php]http://www.yi-cool.com/index.php[/url][/color][/size][/font][/b]
[b][font=宋体][size=6][color=#ff0000][/color][/size][/font][/b]

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

[b][font=宋体][size=6][color=#ff0000]商城主页，和商品列表都会出现同样的问题[/color][/size][/font][/b]

[[i] 本帖最后由 ladaykiler 于 2008-9-23 22:56 编辑 [/i]]

ladaykiler 发表于 2008-9-24 12:57

希望得到帮助

roovy 发表于 2008-9-24 15:33

在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;的数值来达到你满意的高度。

ladaykiler 发表于 2008-9-25 15:12

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

ghostcsz 发表于 2008-10-18 16:45

layout.css

oioishop 发表于 2008-10-18 18:00

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

laifan 发表于 2008-10-19 11:20

很简单

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

查看完整版本: 关于商品错位显示问题！！求高手