- Firefox和IE浏览器兼容问题 - padding-right在IE6下导致抖动_.docVIP

- Firefox和IE浏览器兼容问题 - padding-right在IE6下导致抖动_.txt“我羡慕内些老人 羡慕他们手牵手一直走到最后。━交话费的时候，才发现自己的话那么值钱。 查看文章 zzdiv+css - Firefox和IE浏览器兼容问题 - padding-right在IE6下导致抖动2008-01-11 1733由于IE6的盒模型计算缺陷，padding-right在特定的情况会下导致抖动。 [出现抖动的代码] 最近在写一个Div+Css布局的网站首页，以前写的页面都统一width900px;不存在什么布局呀 什么float的设置。现在没办法呀！要对页面进行切割，分块。幸好，有点css的基础，不过用起来就比较郁闷了。在ie和firefox下，相同的属性值往往会有不同的显示效果。没办法 要兼容浏览器 只得一个一个bug去找。但完全兼容浏览器是无法做到的，所以也只能将个大概的效果展示出来，不要偏差太大太明显就行。 首先，需要提出的是float这个浮动属性，这是div+css布局的关键所在。floatleft;floatright;是常用的浮动属性。为了使div能在一行排列，不得补用到它们。呵呵！不就是个float吗？这有什么好提的，要浮动我就float一下呀。哎！话是这么说，但真正用到时却出问题了。在ie下，只要前一个div有floatleft;后面的div宽度不超过（总body的宽度）-（前一个div的宽度），后面的div就自动浮动，并排列在同一行。ie和firefox下，这点效果是一样。好，接着往下，下一行也这样布局，就分两栏吧。 style type=textcss #div1{}{width200px;height80px;floatleft;border1px solid blue;} #div2{}{width600px;height80px;border1px solid blue;} style div div id=div1div div id=div2div div div style=clearboth;margin-top20px; id=div3 div 这样的布局，在ie下和火狐下的显示效果就不同了 在firefox下的margin-top20px;没效果。。。。 在ie下div3的margin-top有效果，而在firefox下却没效果。为什么？翻来覆去的想，终究没有想明白。没办法了，后来我有改css.偶然，给div2加上了floatleft属性，然后margin-top20px都有效果了。郁闷吧 呵呵 不过还是没弄明白为什么会这样，问题解决了就ok了！ 下一个问题是ul的问题。在ie下和firefox下注意了 ul{margin-left10px;}的效果是不同的，这样设置的效果才会相同 ul{padding0;margin-left10px;}在火狐下默认的padding!=0所以需要这样来设置下 ... 呵呵 愚昧的个人见解! div+css扩展框问题浮动下降 IE与Firefox兼容性整理2008-08-14 1057div+css扩展框问题浮动下降 IE与Firefox兼容性整理 图文混排 容易导致 扩展框问题. divimg src=imagesindex_1.jpg 扩展框问题div 这样排版容易导致 扩展框问题. 尽量定义宽高给定值 浮动下降问题[size=+0] 加上 ｛float：left；｝ 即可``` IE6的双倍边距BUG 解决办法是加上displayinline IE6下为什么图片下方有空隙产生 解决这个BUG的方法也有很多，可以是改变html的排版，或者设置img 为displayblock或者设置vertical-align属性为vertical-aligntop bottom middle text-bottom都可以解决. IE6下这两个层中间怎么有间隙 这个IE的3PX BUG也是经常出现的，解决的办法是给.right也同样浮动 floatleft 或者相对IE6定义.left 如何对齐文本与文本输入筐 遇到此种问题，设置文本框的 vertical-alignmiddle 就可以了 为什么FF下文本无法撑开容器的高度 [size=+0] 标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉height设置min-height200px; 这里为了照顾不认识min-height的IE6 可以这样定义： { heightauto!important; height200px; min-height200px; }