[原创]北京网站建设教您一种兼容所有浏览器的网页制作方法

发布时间:2022-03-14 点击:287
一般浏览器就ie6、ie7、ie8、火狐、google浏览器chrome等,大家最困扰的就是网页在各大浏览器的兼容问题,其实所有浏览器在不兼容方面只存在两点:浮动和外填充,只要把这两点熟悉精通了,那么网页在所有浏览器里显示也就都正常了。
把握好这两点后,你只需要拿一个浏览器比如ie8就可以测试了,只要在ie8显示正常了,那么在其他所有的浏览器中显示也一定是正常的。
通过这两点的学习我想,大家可能会避免一些常犯的错误和问题,希望大家都能做出所有浏览器兼容的好网站。
当然这两点都是针对层的布局,所以大家用表格布局时不会遇到浏览器不兼容的问题。兼容所有浏览器的网页制作方法--
1,浮动。浮动其实就是各个层摆放重叠的问题,有的层在上面有的层在下面,要想做到层的结构不重叠,一般人会想到消除浮动clear:both,但在实际中这个使用不是很理想也不太好用,最简单的解决办法就是分为三个层,其中头部和页尾用基础层固定,中间是浮动内容层,在浮动层里的所有容器只能嵌套不能叠加。
这样的布局,永远都不会出现重叠浮动的现象了,另外就是连续的字母或数字也可以自动换行,而不用象网上说的加这代码那代码,养成好的css设计习惯,很多头疼问题自然就不存在了。
2,外填充。其实外填充也就是如果使用margin时在各个浏览器解析不太一样,比如ie6正常的,但在ie7/ie8和火狐之间会多出几个显示像素。这时候最好的解决办法就是放弃margin改用padding一样可以达到想要的效果。