布拉格

IE 6中奇数宽度的bug

难得写一篇和技术稍微有一点点关系的日志。
问题是一个大学同学发过来的页页,遇到定位上的问题:
两个嵌套的<div />,外部父级元素相对定位,内部一个绝对定位于元素元素的右上角。
无论怎么搞,都定不准,确定代码也没有问题。

<style type="text/css">
#outer {
width: 411px;
height: 200px;
position: relative;
background:#52006A;
color:#FFF;
}
#inner {
width: 200px;
height: 50px;
position: absolute;
top: 0px;
right: 0px;
background:#F60;
}
</style>

#outer
#inner

问题出现在ie6中:内部元素打死也不能够靠到父级元素的最右面,总有一个一像素的细线。
除ie6之外的浏览器都木有问题,我开始以为是人品问题。
后来在和大猫讨论中,无意把宽度改了,faint,居然好了。
原来:
在IE6里面,要相对于父级元素进行绝对定位块级元素,父级元素宽度要是偶数才行。不然,就会留出一个细缝,让你看到ie6丑陋而又可恶的一面...
而把上一个代码的宽度从411px改成412px就好了..

#outer
#inner

除虫感言: 没有啥感言,只是郁闷一下而已。

Tag:

Comments

哈哈 偶也想到是因为奇数的问题了 不过没有去验证...(.嘿嘿 偶比较懒哦。)

后来就直接写的css hack 了 呵呵 给被人做的 能实现就不关我事了 哈哈...

晕了网名拿 whithey不登陆还发不了评论....

你怎么写的hack?

再来一个 呵呵

在我这里 不仅ie6 还有ie7,ie8beta1,都有这个bug

刚测完的 。。。

ie7是没有这个bug的。

ie7没有??
难道是传说中的人品问题??? 我用的是ietester 测的 在ie下都有了

晕啦晕啦 ......

初步认定为我的ietester 出问题了....

从装个看看....

头晕死了
卸载了ie8 再卸载ie7 再卸载ietester 再从装ie7 再从装ietester ....终于完了

重启了 n多次..

终于还是浏览器装不好 表现行为全跟ie6一模一样..... 写了几个hack 测试终于确定
机子上的ie内核全是ie6 ..... 囧..........

不要装ie8 
先装ie7 , 再装ietester

没有装ie8 从装了ie7后就又重装了ietester

可是装出来的 都ie6内核 郁闷都不行....

胖胖来握手,一起诅咒IE6

胖胖和花花都不要叫。
>-<

火星了你
五百年前的八月十五就知道了的说

你遇到的是啥情况哈?

亮仔,来看你了。泪奔啊

我回学校了 过两天回来。

nice.

ie6,我靠。