虫儿飞信息加工坊

专业发展 网站建设 感悟心情 优惠购 音乐欣赏



当前位置:网站首页>> 网站建设 >> 网站优化
兼容所有浏览器的网页制作方法

文章作者:佚名 责任编辑:admin 发布时间:2012/11/4 6:47:38


  其实一般浏览器就IE6、IE7、IE8、火狐、GOOGLE浏览器chrome等,大家最困扰的就是网页在各大浏览器的兼容问题,其实所有浏览器在不兼容方面只存在两点:浮动和外填充,只要把这两点熟悉精通了,那么网页在所有浏览器里显示也就都正常了。 
  当然这两点都是针对层的布局,所以大家用表格布局时不会遇到浏览器不兼容的问题。 
  1,浮动。浮动其实就是各个层摆放重叠的问题,有的层在上面有的层在下面,要想做到层的结构不重叠,一般人会想到消除浮动clear:both,但在实际中这个使用不是很理想也不太好用,最简单的解决办法就是分为三个层,其中头部和页尾用基础层固定,中间是浮动内容层,在浮动层里的所有容器只能嵌套不能叠加。 
  这样的布局,永远都不会出现重叠浮动的现象了,另外就是连续的字母或数字也可以自动换行,而不用象网上说的加这代码那代码,养成好的CSS设计习惯,很多头疼问题自然就不存在了。 
  方法提示:浮动层的CSS样式控制最好用float:left;margin:0px;padding:0px;width:***px;height:***px;overflow:hidden;实际案例应用可参考站点:http://www.c71.cn的CSS编写技巧。 
  2,外填充。其实外填充也就是如果使用margin时在各个浏览器解析不太一样,比如IE6正常的,但在IE7/IE8和火狐之间会多出几个显示像素。这时候最好的解决办法就是放弃margin改用padding一样可以达到想要的效果。 
  把握好这两点后,你只需要拿一个浏览器比如IE8就可以测试了,只要在IE8显示正常了,那么在其他所有的浏览器中显示也一定是正常的。
 
关键词: 网页兼容        点击数:1320
文章推荐
如何设置局域网IP10258
让APACHE支持ASP1497
兼容所有浏览器的网页制作方法1320
你的网站给谁看?1167
将网站访客转化为客户的三大方式1144
Windows XP&nb1044
动易系统优化方法之一——动易网站的s1034
动易系统优化方法之二——动易CMS&1017
数据恢复之逻辑数据恢复982
Google排名新算法公式2010版975
如何设计网站推广方案920
移动网站设计25个原则包括551
页面自适应173
全站文章
近代饶氏名人42241
中外著名数学家资料集13056
如何设置局域网IP10258
常见无线路由器默认密码大全与初始密码9895
也谈笔记本电脑的无线网卡开关异常的处8246
云阳各大中小餐厅及酒楼联系方式7157
视频: 重庆市云阳县天景初3727
Flash软件最大16000帧解决方2914
动易网站系统用户权限设置问题2767
郑观应《盛世危言》2570
关于虫儿飞 天景初中登录 虫儿飞用户登录 网址导航
Copyright 2005-2019©cqraojun.cn All Rights Reserved.
设计制作:虫儿飞 备案号:渝ICP备12001302号-1
客户端IP:3.93.74.227,当前访问人次:3613