求助：商品详情页在火狐下错位

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



2.7.2GBK版本，默认模板，把商品详情页的图片由230修改为310以后，图片右侧在火狐浏览器下错位：在其他浏览器都正常，请教解决方法，望官方及高手门出招

上图：（在火狐下错位）


未命名.jpg


修改过的代码：

/* ====================
商品详情页面部分模块
==================== */
#goodsInfo{background:#f2f2f2; padding:8px; _height:1%;}
#goodsInfo .imgInfo{width:310px; float:left; margin-right:8px; overflow:hidden;}
#goodsInfo .imgInfo .thumb{width:310px; height:310px; display:block;}/*商品详情图片*/
#goodsInfo span{width:4px; height:48px; background:url(images/pink/bg.gif) no-repeat 0 -527px; float:left;}
#goodsInfo span.spanR{width:4px; height:48px; background:url(images/pink/bg.gif) no-repeat -5px -527px; float:right;}
#goodsInfo .gallery{width:204px; float:left; margin-left:10px; _margin-left:5px; overflow:hidden;}
#goodsInfo .gallery ul{width:auto;}
#goodsInfo .gallery li{float:left; width:48px; margin:0 2px;}
#goodsInfo .gallery li img{width:46px; height:46px; display:block;}
/*文字信息*/
#goodsInfo .textInfo{background:#fff; width:393px; float:left; padding:10px;}
#goodsInfo .textInfo p{font-size:14px; font-weight:bold; padding:0 5px 5px 8px;}
#goodsInfo .textInfo ul{border-top:1px solid #ccc;}
#goodsInfo .textInfo li{background:url(images/lineBg.gif) repeat-x left bottom; padding:0px 8px; _height:1%;}
#goodsInfo .textInfo li.padd{padding:7px 0px 7px 8px;}
#goodsInfo .textInfo li dd{width:50%; float:left; padding:7px 0px;}
#goodsInfo .textInfo li dd.ddR{border-left:1px solid #eeecec; width:48%; padding-left:8px;}
#goodsInfo .textInfo li dd.ddL{border-right:1px solid #eeecec;}
#goodsInfo .textInfo a{color:#006bce; text-decoration:underline;}
#goodsInfo .textInfo .loop{background:#f7f7f7; margin-top:8px;}


请教：现在该修改哪里，能使页面在火狐下自适应，现在只有在火狐下错位，在IE6、8，遨游，360浏览器下都正常。为什么在其他浏览器都能自适应，而火狐不能自适应呢。

回答：
贴上你的地址，便于分析。

一般情况下模板的商品详情页的图片的尺寸是固定的，在css文件里面预设好了的，如果将图片调大可能会发生错位或部分看不见的情况！如果非要将图片调大，那么请务必将对应的css也做修改吧

管理，现在其他子浏览器都正常啊，修改哪里？？？？

怎么才能自动兼容所有的浏览器啊

没人知道吗？？？？？请高手给出详细解决方法

你的网址贴出来吧