This issue was originally documented by Holly Bergevin and Big John Gallant on positioniseverything.net.
http://www.positioniseverything.net/explorer/threepxtest.html
Fixing this 3-pixel text jog that's introduced when line boxes with inline elements are adjacent to a float in IE/Windows requires giving the paragraph an explicit dimension, which prevents IE/win from adding the 3px space. However, adding a dimension (width or height) also throws IE into a proprietary float model- and the element will act much like a float, displaying next to the real floated element, as opposed to letting the float overlap it.
The old (pre-IE7) solution for this bug, and several others, was the Holly Hack. However, the Holly Hack relies on buggy behavior that is no longer present in Internet Explorer 7 -- and using it can cause things to go a bit haywire. Instead, use an Internet Explorer Conditional Comment (IECC) to apply zoom: 1 to the line box in all versions of Internet Explorer. This will give the box the "layout" it needs to prevent the three-pixel gap, without throwing Internet Explorer into its proprietary float model.
作者:Else 's Blog
地址:http://www.aixq.com/post/1229/
版权所有。转载时必须链接形式注明作者和原始出处及本声明! 在
中查看更多“Three-pixel text jog ”相关内容
在
中查看更多“Three-pixel text jog ”相关内容
在
中查看更多“Three-pixel text jog ”相关内容
在
中查看更多“Three-pixel text jog ”相关内容
在
中查看更多“Three-pixel text jog ”相关内容
在
中查看更多“Three-pixel text jog ”相关内容
最后编辑: Else 编辑于2008/09/26 08:19
http://www.positioniseverything.net/explorer/threepxtest.html
Fixing this 3-pixel text jog that's introduced when line boxes with inline elements are adjacent to a float in IE/Windows requires giving the paragraph an explicit dimension, which prevents IE/win from adding the 3px space. However, adding a dimension (width or height) also throws IE into a proprietary float model- and the element will act much like a float, displaying next to the real floated element, as opposed to letting the float overlap it.
The old (pre-IE7) solution for this bug, and several others, was the Holly Hack. However, the Holly Hack relies on buggy behavior that is no longer present in Internet Explorer 7 -- and using it can cause things to go a bit haywire. Instead, use an Internet Explorer Conditional Comment (IECC) to apply zoom: 1 to the line box in all versions of Internet Explorer. This will give the box the "layout" it needs to prevent the three-pixel gap, without throwing Internet Explorer into its proprietary float model.
<!--[if IE]><style type="text/css"> .mybuggyelement { zoom: 1;}</style><![endif]-->
作者:Else 's Blog
地址:http://www.aixq.com/post/1229/
版权所有。转载时必须链接形式注明作者和原始出处及本声明!
中查看更多“Three-pixel text jog ”相关内容
中查看更多“Three-pixel text jog ”相关内容
中查看更多“Three-pixel text jog ”相关内容
中查看更多“Three-pixel text jog ”相关内容
中查看更多“Three-pixel text jog ”相关内容
中查看更多“Three-pixel text jog ”相关内容最后编辑: Else 编辑于2008/09/26 08:19
修改原来的类,达到可以执行存储过程
ie下的3px bug两种方法


2008/09/26 08:08 | by 
