五招解决Div+CSS网页兼容IE和FF

王朝网站推广·作者佚名  2011-12-04
窄屏简体版  字體: |||超大  

使用div+css建站的朋友一定都知道CSS兼容的问题。由其是初学者在IE环境下好不容易写出了一个像模像样的网站来,一拿到FF下就变样了。所以在这里建议新手写代码时切忌要在IE和FF两个环境下去测试。今天教大家五招方法完全可以解决浏览器兼容问题。

这里大家要知道CSS不兼容的原因是因为各浏览器给CSS默认属性值不一样造成的。

第一招:给常用CSS规定属性值。

body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;}

img{border:0px;}

ul {margin:0px;padding:0px;}/

ul li {list-style:none;}

上面的建站常用代码就相是格式化CSS样式,让各浏览器按照我们设置的属性值渲染网页

第二招:IE和FF下对象居中问题

IE下大家应该知道只要设置body{text-align:center;}这样就可以居中显示。

但是这样的方法在FF不行的。这里就需要给修改成body:{text-align:center;margin:0px auto;}Margin的意思就是上下距离为0像素,左右为自动。所以FF就会居中显示。

第三招:垂直居中(仅只用于一行)

比如说一个高30px的div,问题默认是会显示在左上角,如果想垂直居中对其可以加个line-height:30px;样式。如果你想让他居下方则在修改line-height:30px;数值越大越局下,为了防止撑破层,还需要再给一个样式overflow:hidden;(超出的部分不显示)

第四招:给每一个块对象设置三个样式

width:**px;height:**px;overflow:hidden;即便高、宽是属性值是自动那么也需要去设置这三个样式。目的就是解决浏览器默认值的问题。

第五招:针对IE6、IE7、FF的css样式(这一招在特殊情况下经常用到)

原来建设网站经常使用!important来设置优先权,但有了IE7之后就不行了。下面给大家个可以解决IE6、IE7、FF各个CSS优先权的方法

#1 { color: #333; } /* FF环境 */

* html #1 { color: #666; } /* IE6环境 */

*+html #1 { color: #999; } /* IE7环境 */

上面的书写顺序一定不能去改变。

这样子网页在FF下显示#333,IE6下显示#666,IE7下显示#999;

还有一点要提醒大家的就是写样式时一定要加上注释,否则以后网站改版会费时费力。

本文首发洛阳网站建设http://www.wangluo379.cn/

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航