您的位置:首页 > 其它

IE BUG与FF兼容问题

2007-12-18 16:54 330 查看
1、ff下为什么父容器的高度不能自适应
在父容器与容器之间插入<div style="clear:both"></div>清除掉这个p的浮动. 也可以在父容器里加上overflow:hidden;
2、IE6的Margin双倍边距BUG
浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline (显示:内嵌)
3、IE6下为什么图片下方有空隙产生
解决这个BUG的方法也有很多,可以是改变html的排版,或者定义img 为display:block;或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom;还可以设置父容器的字体大小为零,font-size:0px;
4、IE6下两个DIV中3PX BUG
解决的办法是给DIV同样浮动 float:left 或者相对IE6定义.left margin-right:-3px;
5、垂直居中文本
给容器设置一个与其高度相同的行高就可以了
6、对齐文本与文本输入筐
设置文本框的 vertical-align:middle 就可以了
7、FF下文本无法撑开容器的高度
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6
可以这样定义:
{
height:auto!important;
height:200px;
min-height:200px;
}

8、web标准中IE设置滚动条颜色了
滚动条的颜色样式一定要定义给HTML
9、定义1px左右高度的容器
解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px
10、让层显示在FLASH之上
解决的办法是给FLASH设置透明<param name="wmode" value="transparent" />或者<param
name="wmode" value="opaque" />
11、怎样使一个层垂直居中于浏览器中
这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二
position:absolute;
top:50%;
left:50%;
margin:-200px 0 0 -100px;
width:200px;
height:400px;
border:1px solid red;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: