zzdiv-css---Firefox和IE浏览器兼容问题---padding-right在IE6下导致.doc

《zzdiv-css---Firefox和IE浏览器兼容问题---padding-right在IE6下导致.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、查看文章zzdiv+css-Firefox和IE浏览器兼容问题-padding-right在IE6下导致抖动2008-01-111733由于IE6的盒模型计算缺陷，padding-right在特定的情况会下导致抖动。[出现抖动的代码]最近在写一个Div+Css布局的网站首页，以前写的页面都统一width900px;不存在什么布局呀什么float的设置。现在没办法呀！要对页面进行切割，分块。幸好，有点css的基础，不过用起来就比较郁闷了。在ie和firefox下，相同的属性值往往会有不同的显示效果。没办法要兼容浏览器只得一个一个b

2、ug去找。但完全兼容浏览器是无法做到的，所以也只能将个大概的效果展示出来，不要偏差太大太明显就行。首先，需要提出的是float这个浮动属性，这是div+css布局的关键所在。floatleft;floatright;是常用的浮动属性。为了使div能在一行排列，不得补用到它们。呵呵！不就是个float吗？这有什么好提的，要浮动我就float一下呀。哎！话是这么说，但真正用到时却出问题了。在ie下，只要前一个div有floatleft;后面的div宽度不超过（总body的宽度）-（前一个div的宽度），后面的div就自动浮动，并排列

3、在同一行。ie和firefox下，这点效果是一样。好，接着往下，下一行也这样布局，就分两栏吧。styletype=textcss#div1{}{width200px;height80px;floatleft;border1pxsolidblue;}#div2{}{width600px;height80px;border1pxsolidblue;}styledivdivid=div1divdivid=div2divdivdivstyle=clearboth;margin-top20px;id=div3div这样的布局，在ie下和火

4、狐下的显示效果就不同了在firefox下的margin-top20px;没效果。。。。在ie下div3的margin-top有效果，而在firefox下却没效果。为什么？翻来覆去的想，终究没有想明白。没办法了，后来我有改css.偶然，给div2加上了floatleft属性，然后margin-top20px都有效果了。郁闷吧呵呵不过还是没弄明白为什么会这样，问题解决了就ok了！下一个问题是ul的问题。在ie下和firefox下注意了ul{margin-left10px;}的效果是不同的，这样设置的效果才会相同ul{padding0

5、;margin-left10px;}在火狐下默认的padding!=0所以需要这样来设置下...呵呵愚昧的个人见解!div+css扩展框问题浮动下降IE与Firefox兼容性整理2008-08-141057div+css扩展框问题浮动下降IE与Firefox兼容性整理图文混排容易导致扩展框问题.divimgsrc=imagesindex_1.jpg扩展框问题div这样排版容易导致扩展框问题.尽量定义宽高给定值浮动下降问题[size=+0]加上｛float：left；｝即可```IE6的双倍边距BUG解决办法是加上displayi

6、nlineIE6下为什么图片下方有空隙产生解决这个BUG的方法也有很多，可以是改变html的排版，或者设置img为displayblock或者设置vertical-align属性为vertical-aligntopbottommiddletext-bottom都可以解决.IE6下这两个层中间怎么有间隙这个IE的3PXBUG也是经常出现的，解决的办法是给.right也同样浮动floatleft或者相对IE6定义.left如何对齐文本与文本输入筐遇到此种问题，设置文本框的vertical-alignmiddle就可以了为什么FF下文

7、本无法撑开容器的高度[size=+0]标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉height设置min-height200px;这里为了照顾不认识min-height的IE6可以这样定义：{heightauto!important;height200px;min-height200px;}如果实在没有办法解决一些细节问题,可以用这个方法.FF对于”!important”会自动优先解析,然而IE则会忽略.关于容器的包涵关系很多时候，尤其是容器内有平行布局，例

8、如两、三个float的div时，宽度很容易出现问题。在IE中，外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。1.写两句代码来控制一个属性，区别Firefox与IE：backgroundrange;backgr