Web标准常见问题
1、最常见的IE6双边距,一但元素出现float,且此元素给予了同方向margin,那么在IE6下会出现双边距BUG。
解决方法,给元素定义 display:inline;
2、IE6下为什么图片下方有空隙产生。
解决这个BUG的方法也有很多,可以是改变html的排版,或者定义img 为display:block
或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom
还可以设置父容器的字体大小为零,font-size:0
3、如何垂直居中文本
给容器设置一个与其高度相同的行高就可以了
4、如何对齐文本与文本输入筐
遇到此种问题,设置文本框的 vertical-align:middle 就可以了
5、为什么FF下文本无法撑开容器的高度
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:
{
height:auto!important;
height:200px;
min-height:200px;
}
6、为什么web标准中IE无法设置滚动条颜色了
解决办法是将body换成html
7、为什么无法定义1px左右高度的容器
IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px
8、怎么样才能让层显示在FLASH之上呢
解决的办法是给FLASH设置透明<param name=”wmode” value=”transparent” />或者<param name=”wmode” value=”opaque” />
9、怎样使一个层垂直居中于浏览器中
这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二
10、LI元素在IE6中底部3像素的BUG
设置li的vertical-align,值可以为top ¦ text-top ¦ middle ¦ bottom ¦ text-bottom
11、IE6奇数宽高的bug
解决方案就是将外部相对定位的div宽度改成偶数。高度也是一样的
整理自蓝色理想,持续更新。
/*随风来,随风去*/
