火狐和其他浏览器显示不同，求解决_html/css_WEB-ITnose

其他浏览器正常：

火狐浏览器：

HTML代码：

第1张@@##@@
奥德盛员工风采1
第2张@@##@@
奥德盛员工风采2
第3张@@##@@
奥德盛员工风采3
第4张@@##@@
奥德盛员工风采4
第5张@@##@@
奥德盛员工风采五
第6张@@##@@
奥德盛员工风采第6张
     
     
    
@@##@@
@@##@@
@@##@@
@@##@@
@@##@@
@@##@@
     
     

登录后复制

CSS代码：

.v_out{width:645px;overflow:hidden;z-index:980;}.v_show{width:645px;overflow:hidden;position:relative;height:450px;z-index:990;float:left;}.v_cont{width:6450px;position:absolute;left:0px;top:0px;overflow: hidden; }.v_cont ul{float:left;text-align:center;line-height:50px;}.v_cont ul li{width:645px;height:450px;float:left;margin-top:3px;}/*---圆圈---*/.v_out_p{position:relative;overflow:visible;z-index:988;}.circle{position:relative;margin-left:40px;padding-top:25px;}.circle li{width:105px;height:60px;float:left;margin-right:10px;margin-bottom: 10px;}.circle .circle-cur{background:#f00}/*---切换---*/.prev{float:left;padding-left:0px;z-index:1000;background:url(/img/jiantou_left.png) no-repeat center;position:relative;}.next{float:right;padding-right:0px;z-index:1001;background:url(/img/jiantou_right.png) no-repeat center;position:relative;}.prev,.prev a,.next,.next a{position:relative;width:24px;height:450px;display:block;}.picjianjie{z-index:1002;padding-left:5px;color: #000000;text-align:left;width: 100%;height: 42px;line-height: 42px;position: relative;margin-top:-45px;background: url(../img/bg03.png) repeat-x;}.bigpic{width:645px;height:450px;position:relative;z-index:999;margin-top:-53px;}.smallpic{width:105px;height:60px;}.pictitle{position:relative;z-index:1003;}

登录后复制

回复讨论(解决方案)

每人可以帮忙吗

放下面

        * {        margin: 0;        padding: 0;    }    li {        list-style: none;    }    img.bigpic {        margin-top: 0px;        border: none 0;        display: block;    }    div.picjianjie {        background-color: orange;    }    .v_cont ul li {        position: relative;        margin-top: 0px;    }    span.pictitle,    div.picjianjie {        position: absolute;    }    div.picjianjie {        margin-top: 0px;        bottom: 0px;    }

登录后复制登录后复制登录后复制

放下面

        * {        margin: 0;        padding: 0;    }    li {        list-style: none;    }    img.bigpic {        margin-top: 0px;        border: none 0;        display: block;    }    div.picjianjie {        background-color: orange;    }    .v_cont ul li {        position: relative;        margin-top: 0px;    }    span.pictitle,    div.picjianjie {        position: absolute;    }    div.picjianjie {        margin-top: 0px;        bottom: 0px;    }

登录后复制登录后复制登录后复制
谢谢，放了你的代码，完美解决，不过还是不知道主要问题是什么！呵呵。

放下面

        * {        margin: 0;        padding: 0;    }    li {        list-style: none;    }    img.bigpic {        margin-top: 0px;        border: none 0;        display: block;    }    div.picjianjie {        background-color: orange;    }    .v_cont ul li {        position: relative;        margin-top: 0px;    }    span.pictitle,    div.picjianjie {        position: absolute;    }    div.picjianjie {        margin-top: 0px;        bottom: 0px;    }

登录后复制登录后复制登录后复制
您好，现在还有一个问题，用了你的代码，原先那里已经解决了。不过上面图片标题那里，用IE打开，原来是在中间的，现在在左边。而360，火狐浏览器那些就还是在中间不变。 

另外一个本来就有的问题就是，页面在IE打开，几乎页面的所有文字都向上移几个像素，其他浏览器就不会。怎么回事呢。

例如下面两个地方的比较

正常的

稍微向上移的

正常的

稍微向上移的

麻烦帮我看看，谢谢了。。。

那就不要用line-height，用 padding，上下就一致了。

那个“第一张”居中的问题：

    span.pictitle {        background-color: white;        width: 100%;        text-align: center;    }    .v_cont ul {        text-align: left;    }

登录后复制