火狐和其他浏览器显示不同,求解决_html/css_WEB-ITnose
程序员文章站
2022-05-21 10:43:06
...
其他浏览器正常:
火狐浏览器:
HTML代码:
CSS代码:
谢谢,放了你的代码,完美解决,不过还是不知道主要问题是什么!呵呵。
您好,现在还有一个问题,用了你的代码,原先那里已经解决了。不过上面图片标题那里,用IE打开,原来是在中间的,现在在左边。而360,火狐浏览器那些就还是在中间不变。
另外一个本来就有的问题就是,页面在IE打开,几乎页面的所有文字都向上移几个像素,其他浏览器就不会。怎么回事呢。
例如下面两个地方的比较
正常的
稍微向上移的
正常的
稍微向上移的
麻烦帮我看看,谢谢了。。。
火狐浏览器:
HTML代码:
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;}
回复讨论(解决方案)
每人可以帮忙吗
放下面
放下面
谢谢,放了你的代码,完美解决,不过还是不知道主要问题是什么!呵呵。
放下面
您好,现在还有一个问题,用了你的代码,原先那里已经解决了。不过上面图片标题那里,用IE打开,原来是在中间的,现在在左边。而360,火狐浏览器那些就还是在中间不变。
另外一个本来就有的问题就是,页面在IE打开,几乎页面的所有文字都向上移几个像素,其他浏览器就不会。怎么回事呢。
例如下面两个地方的比较
正常的
稍微向上移的
正常的
稍微向上移的
麻烦帮我看看,谢谢了。。。
那就不要用line-height,用 padding,上下就一致了。
那个“第一张”居中的问题:
span.pictitle { background-color: white; width: 100%; text-align: center; } .v_cont ul { text-align: left; }
推荐阅读
-
火狐和其他浏览器显示不同,求解决_html/css_WEB-ITnose
-
在IE中显示正常,在火狐和谷歌浏览器中显示太坑爹了...各路高人求求进来指点.._html/css_WEB-ITnose
-
chrome 、 火狐等浏览器对空格符 解析不同,页面显示不一致_html/css_WEB-ITnose
-
chrome 、 火狐等浏览器对空格符 解析不同,页面显示不一致_html/css_WEB-ITnose
-
火狐和其他浏览器显示不同,求解决_html/css_WEB-ITnose
-
在
- 标签内设置list-style-type:disc样式后,为什么在IE11和火狐浏览器显示效果不一样?如何使ie11显示成火狐的样子?_html/css_WEB-ITnose
-
同样代码在手机和电脑上显示位置不同,求指点_html/css_WEB-ITnose
-
求各位帮忙看看为什么下面这段代码在IE和火狐上面显示的不一样呢?快急死了!!?_html/css_WEB-ITnose
-
求各位帮忙看看为什么下面这段代码在IE和火狐上面显示的不一样呢?快急死了!!?_html/css_WEB-ITnose
-
同样代码在手机和电脑上显示位置不同,求指点_html/css_WEB-ITnose