商品详细页中相关商品图片位置变形!

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

我的商品详细页中相关商品图片出现错位非常严重,就是不知道什么原因?
我使用的是:echsop2.62 php+mysql utf-8网店系统 模板是后期制作美化的
网址:http://feifei.dns29.trtr.cn/goods.php?id=92
模板中相关商品的代码:
<!-- #BeginLibraryItem "/library/goods_related.lbi" -->
<!-- {if $related_goods} -->
<div id="relativeItem" class="globalModule">
<h3>相关商品</h3>
<div class="itemGrid">
<!-- {foreach from=$related_goods item=goods_related} -->
<div class="item">
<p class="pic"><a href="{$goods_related.url}"><img src="{$goods_related.goods_thumb}" alt="{$goods_related.goods_name}" /></a></p>
<p class="name"><a href="{$goods_related.url}" title="{$goods_related.goods_name}">{$goods_related.short_name}</a></p>
<p class="price">
<!-- {if $goods_related.promote_price neq 0} -->
{$lang.promote_price}<span class="goodsPrice">{$goods_related.formated_promote_price}</span>
<!-- {else}-->
{$lang.shop_price}<span class="goodsPrice">{$goods_related.shop_price}</span>
<!--{/if}-->
</p>
</div><!-- /item -->
<!-- {/foreach} -->
</div><!-- /itemGrid -->
</div>
<!-- {/if} -->
<!-- #EndLibraryItem -->

css样式表:
#g_itemGrid{width:730px;margin:0 auto;margin-top:20px;margin-bottom:5px;overflow:hidden;}
#g_itemGrid .item{width:730px;text-align:center;float:left;overflow:hidden;}
#g_itemGrid .item p.pic a{width:100px;height:100px;padding:2px;border:1px solid #e5e5e5;margin:0 auto;overflow:hidden;}
#g_itemGrid .item p.pic a:hover{border:#f90 solid 1px;}
#g_itemGrid .item p.name{line-height:30px; width:180px;white-space:nowrap;overflow:hidden;-o-text-overflow: ellipsis; /**//* for Opera */text-overflow:ellipsis;/**//* for IE */}
#g_itemGrid .item p.name a{color:#333;}
#g_itemGrid .item p.name a:hover{color:#f90;}
#g_itemGridspan.goodsPrice{color:#f90;font-size:14px;font-weight:bold;}
#g_itemGrid p.price{line-height:25px;}
.globalModule {
border: 1px solid #e5e5e5;
clear: both;
margin-bottom: 4px;
overflow: hidden;
zoom: 1;
position: relative;
}
求各位大侠帮我看看,我实在找不出来了!谢谢了!
QQ:304888825

相关商品.jpg (13.22 KB)

相关商品.jpg


回答:
1# flurry762

有高手在吗?在线等!

顶啊,静待高手!