ConneCre

connelog

RSS

position指定した要素がIE6で1pxずれるバグ

position指定した要素がIE6で1pxずれるバグに遭遇したので対処法のメモ。

元の(IE6で1pxずれる)CSSとHTMLはこのように記載しておりました。

  1. a{
  2.     bottom: 0 ;
  3.     right: 0 ;
  4.     position: relative ;
  5. }
  6.  
  7. a span{
  8.     bottom: 0 ;
  9.     right: 0 ;
  10.     position: absolute ;
  11. }
  12.  
  13. <a href="foobar">
  14.     <img src="foo" />
  15.     <span><img src="bar" /></span>
  16. </a>

修正したCSSは以下の通りです。

■CSS

position指定を行っている要素をbottomからの距離ではなく、topからの距離に変更。

  1. a{
  2.     top: 0 ;
  3.     right: 0 ;
  4.     position: relative ;
  5. }
  6.  
  7. a span{
  8.     top: 200px ;
  9.     right: 0 ;
  10.     position: absolute ;
  11. }

■参考URL

IE6で1pxずれるバグ[うみのめぐみ]

PAGE TOP