CSS兼容问题,请求紧急援助

来源:百度知道 编辑:UC知道 时间:2024/09/20 11:43:13
http://www.office300.com.cn/页面下方在IE6和IE7里显示不一样,在6.0里对齐到7.0里就不齐了,反过来了也一样,找高手告诉我应该改哪里

1,当然是用!important大法了,
例:padding:5px 2px 5px 30px!important; //IE7显示效果
padding:5px 2px; //IE6显示效果
试一下吧,
2,还有一种办法
建立两个不同的css文件,判断用户用的是什么显示器,然后调用不用的css文件。代码如下:

<!--其他浏览器如火狐 --> <link rel="stylesheet" type="text/css" href="/css/index.css" />

<!--[if IE 7]> <!-- 适合于IE7 --> <link rel="stylesheet" type="text/css" href="/css/ie7.css" /> <![endif]-->

<!--[if lte IE 6]> <!-- 适合于IE6及一下 --> <link rel="stylesheet" type="text/css" href="/css/ie6.css" /> <![endif]-->

(1)当外层元素内有float元素时,外层元素如定义margin-top: 14px,将自动生成margin-bottom:14px。 padding也会出现类似问题,都是ie6下的特产,该类bug 出现的情况较为复杂,远不只这一种出现条件,还没系统整理。解决方案:外层元素设定border 或 设定float。
(2)文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-h