css火狐下错位

[复制链接]
查看11 | 回复3 | 2011-8-30 10:36:40 | 显示全部楼层 |阅读模式
css如下
/* 友情链接 */
#link{border:1px solid #e0dfdf;height:120px;}
#link .left{background:#d5f2fe;width:30px;border:1px solid #fff;height:118px;}
#link h2{margin:10px auto;width:14px;line-height:24px;text-align:center;color:#025b81;}
#link .right{padding: 8px 8px 0 21px;}
#link h3{ font-weight:normal; color:#025B81; line-height:22px; padding-top:10px}
#link ul li{float:left;text-align:center;width:108px;height:22px;overflow:hidden;}
#link ul li a,#link ul li a:link,#link ul li a:visited{ line-height:22px; color:#000}
#link ul li a:hover{color:#fe8a01}
#link .imglist{border-left:1px solid #e0dfdf;width:350px;float:left;}
#link .imglist ul{ width:330px;padding:20px 0 10px 25px;}
#link .imglist ul li{ width:110px; height:45px;}
#link .imglist ul li a,#link .imglist ul li a:link,#link .imglist ul li a:visited{padding:1px;border:1px solid #e0dfdf; display:block; width:88px; height:31px;}
#link .imglist ul li a:hover{border:1px solid #fe8a01;}

回复

使用道具 举报

千问 | 2011-8-30 10:36:40 | 显示全部楼层
上传个图看看都好!...
回复

使用道具 举报

千问 | 2011-8-30 10:36:40 | 显示全部楼层
尊敬的用户,您好!很高兴为您答疑。大概看了下您的CSS,因为资料不全,暂且推测您的样式错位主要是您使用了大量的固定宽度(或高度),同时又使用了很多padding撑起元素。而在火狐下,关于元素的高度和宽度是有约1像素的差距的(相对IE),故这些设定会导致您所部署的元素存在累积量的偏差,因此建议您尽量少用固定宽度,尽量使用百分比自适应。希望我...
回复

使用道具 举报

千问 | 2011-8-30 10:36:40 | 显示全部楼层
...最起码上个html,那样我也好复制过来测试下,最喜欢兼容问题,求代码...
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

主题

0

回帖

4882万

积分

论坛元老

Rank: 8Rank: 8

积分
48824836
热门排行