IE6でposition:absolute;bottom:0を指定した要素が消える

|

個人的メモです。
position:absolute;で絶対配置した際、bottom:0;にすると、IE6で要素が消えてしまうバグに遭遇しました。しかしなぜか、top:0;にすると表示されるのです。

(X)HTMLコード

<div>
   <p>テキストテキストテキスト</p>
   <img src="image.gif" alt="" />
</div>

CSSコード

div {
   position:relative;
}

p {
   width:500px;
}

img {
   position:absolute;
   right:0;
   bottom:0;
}

どうやら、親要素のdivのhaslyoutがtrueになっていなかったのが原因みたいです。
なので、親要素にもhaslyoutをtrueするために、widthを指定しました。

CSSコード

div {
   width:710px;
   position:relative;
}

p {
   width:500px;
}

img {
   position:absolute;
   right:0;
   bottom:0;
}

最近のブログ記事