分类: IT业界
2011-09-22 15:39:25
1. IE6意外空白问题:
在并列的几个小区块横铺在一个大区块中的时候,本来小区块宽度的和等于大区块的宽度,在FF等其他浏览器中没问题,可是在IE6中就是有一个区块显示不出来要不就被挤到下面去了。这个时候可以设置小区块的css 为display:inline。如果这个办法还不行那就把各个区块的宽度减少1到2个像素。
2.IE6重影问题:
有时在IE6中在一个大DIV结束的底端老出现div内容结尾几个字符的重复,在FF等其他浏览器里面就不会出现。解决这个问题有两个办法:1)删除注释;2)在这个DIV的后面填加
定义clear的CSS样式为:【】.clear {
font-size: 1px;
clear: both;
visibility: hidden;
width: 1px;
}
推荐使用第二种方法,如果把注释去掉的话代码的可读性就受到影响了。
3.IE6无法居中的问题:
一般情况下只要给一个div(设其id为1)设置css样式:margin:0px auto;就可以让这个div在盛放它的容器(设其id为0)中居中了,它们的结构如下:
但是IE6就不行。这个时候可以给div0的css设置:text-align: center;
4. IE6有链接的图片有意外边框出现
在IE6中有时有链接的图片会有一个难看的边框出现,这个是由引起的,这个时候可以设置通过在CSS中设置a { border:0px;}来消除。
5.FF中DIV里面的内容出轨【】
有时在IE中看很正常的内容在FF中却看到DIV里面的东西跑到外面了,这种情况在div有边框的时候尤为明显。这是因为div在IE中设置了高度后,如果div里面的内容如果高于div的时候,div会自动增高。但是FF就没有这么灵活,只要限定了高度就不会自己改变。这时可以通过重设高度来解决这个问题,也可以把高度设为自动。
6.FF中区域意外消失
在IE中很正常的布局在FF中却有一个区域消失了,这个问题在页面的最下角版权区块经常出现。这个时候可以通过给这个区域添加:clear:both;来解决。
其他的问题暂时想不起来了,在重构的过程中总会有一些莫名奇妙的问题,只要善于思考,不厌其烦的测试,或是到网上查找,总会找到解决办法的。每一个问题的解决都是一个不小的收获。
编辑员: