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;
在父容器与容器之间插入<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;
相关文章推荐
- FF,IE兼容问题
- JAVASCRIPT IE 与 FF中兼容问题小结
- event在IE和FF中使用时的兼容问题
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- input 标签(file类型)在IE和FF里的兼容问题
- [举一反三]解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari) 前言: 这是一个老bug了,现在提供一个完美解决方案。由于我一直是用createElement来创建动态的op
- JS的IE和FF兼容性问题汇总(补充:js中getYear()在IE和FF中兼容问题)
- [转]解决IE/Mozilla/Webkit/Opera兼容问题的葵花宝典:CSS Bug Table
- ff和IE兼容问题
- IE和FF对CSS兼容问题小计
- [转]ie6下表格宽度超宽bug,问题的解决方法(兼容ie6,7,8,ff)
- FF和IE兼容的捕获回车事件问题
- 浏览器兼容问题 ie FF 谷歌
- ie与Firefox(ff) div+css兼容问题
- IE 和FF chrome css不兼容问题小结(1)
- IE6/IE7/IE8/FF兼容问题汇总,以及解决方案
- IE和FF兼容问题
- [转]兼容IE firefox(FF下不认word-break及word-wrap),解决文字溢出的问题
- DOM的基本方法与IE和FF的JS兼容问题
- 解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)