万恶的IE6
今天遇到了IE6传说中的3px BUG:
当左边的DIV浮动(float:left)起来后,右边的DIV就可以接着排过去,形成典型的一列固定,第二列自适应的布局。
其实很简单,但是IE6就是......
看实例:
以上代码,其他浏览器都没有任何问题。
但在IE6中你会发现两个DIV中间出现了一条3px的间隙。
无奈,GOOGLE了一阵,貌似只能给IE6加HACK解决了。
_margin-right:-3px;
因为下划线开头的CSS属性,只有IE6才认得。。。
今天遇到了IE6传说中的3px BUG:
当左边的DIV浮动(float:left)起来后,右边的DIV就可以接着排过去,形成典型的一列固定,第二列自适应的布局。
其实很简单,但是IE6就是......
看实例:
- <style type="text/css">
- <!--
- #left {
- background-color: #E8F5FE;
- border: 1px solid #A9C9E2;
- float: left;
- height: 300px;
- width: 200px;
- }
- #right {
- background-color: #F2FDDB;
- border: 1px solid #A5CF3D;
- height: 300px;
- }
- -->
- </style>
- <div id="left">左列</div>
- <div id="right">右列</div>
以上代码,其他浏览器都没有任何问题。
但在IE6中你会发现两个DIV中间出现了一条3px的间隙。
无奈,GOOGLE了一阵,貌似只能给IE6加HACK解决了。
- #left {
- background-color: #E8F5FE;
- border: 1px solid #A9C9E2;
- float: left;
- height: 300px;
- width: 200px;
- _margin-right:-3px;
- }
_margin-right:-3px;
因为下划线开头的CSS属性,只有IE6才认得。。。
相关推荐
ie6 ie7 ff浏览器兼容 border:2px solid #00f; /*IE、ff的属性*/ border:2px solid #090\9; /* IE6/7/8的属性 */ border:2px solid #F90\0; /* IE8支持 */ *border:2px solid #F00; /* IE6、7支持 */ _border:2...
定位的,IE6只能说是半支持,好吧,这么说吧,可能不太严谨,就是背景图片固定的效果似乎只在根结点起作用。举个很简单的例子: 先看这段css代码: body{background:url(../image/404.png) no-repeat fixed center ...
无法定义IE6字体:13px大小无效,IE6自动显示更大的字体的解决方法.docx
1、IE 6 中 ,DIV 使用背景图片(或直接插入图片在DIV中)的时候,在图片的下端会出现一条空白间隔,经测量,刚好是 3px . 解决办法: IE6默认字号是12pt,默认行高是normal。 找到原因就好解决了,给DIV加上:font-...
已存在解决方法:利用float和margin的负值偏移...要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以.)即可,这样在IE6和IE7中都能有效的显示。 实现:这里也采用上面参考中的例子,其中例子中的
前些天调整网页一个模块的时候将页面字体的大小设置为13px大小了,由于当时用的是Chrome浏览器以及IE8,并没有发现原来font-size:13px在IE6下居然不听使唤总是自动显示为一个更大的大小,变现上又及其难看。...
当li的子元素中有浮动(float)时,IE6/IE7中元素的下面会产生4px空隙的bug。 XHTML 复制代码代码如下: ”list”> <li><div>vapour</div></li> <li><div>百度</div></li> <li><div>淘宝</div></li> <li><div>迅雷...
可是在IE6下查看,却变成了right:1px的效果了: IE6还有奇数宽度的bug,解决方案就是将外部相对定位的div宽度改成偶数。查看源码: CSS代码 #out { width: 609px;/*这里宽度为奇数,bug就出现了!!改成偶数就OK了*...
PX4i and PX6i High Performance Printer Users Manual pdf.pdf
IE6下DIV有个默认的高度,大约10-12px。当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高
联想 LenovoEMC NAS px4-300d 最后固件4.1.414.34909 px6应该也适用
3、以下三种其实是同一种bug,其实也不算是个bug,举个例子:父标签高度20,子标签11,垂直居中,20-11=9,9要分给文字的上面与下面,怎么分?IE6就会与其它的不同,所以,尽量避免。 1)字体大小为奇数之边框高度少...
欧姆龙单相电力调整器(加热器断线检测) G3PX-EH(N)pdf,欧姆龙单相电力调整器(加热器断线检测系列)G3PX-EH(N):通过相位控制实现多台加热器断线检出
复制代码代码如下: div { background:red; line-height:1px;...IE6下这个问题是因为默认的行高造成的,解决的方法也有很多 例如: 复制代码代码如下: overflow:hidden; zoom:0.08; line-height:1px;
doctype html> 2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距)解决方法:display:inline 3、以下三种其实是同一种bug,其实也不算是个bug,举个例子:父标签高度20,子标签11,垂直居中,20-11=9...
px4的官方百科,中文的,能够对px4有个完整的认识,并且在px4的资源支持上有较好的指导意义。
6. IE5 和IE6的BOX解释不一致 3 7. ul和ol列表缩进问题 3 8. 元素水平居中问题 3 9. Div的垂直居中问题 3 10. margin加倍的问题 3 11. IE与宽度和高度的问题 3 12. 页面的最小宽度 3 13. DIV浮动IE文本产生3...