ie6 positionとfloatのバグ
2011/01/20
調べると有名？
原因はよくわかんない…原因はie6のバグ。
私の場合は下記のような感じで「position:absolute;」の箇所が消える。
- <div style=”position:relative;top:0;left:0;”>
- <div style=”position:absolute;top:0;left:0;”>ああ</div>
- <div style=”float:left;width:100px;”>いい</div>
- <div style=”float:left;width:100px;”>うう</div>
- </div>
「position:absolute;」のあとに空のタグをかませればいいと言うことでやってみた。
「IE6でposition:absoluteしたボックスが消えるバグ」を参考。
- <div style=”position:relative;top:0;left:0;”>
- <div style=”position:absolute;top:0;left:0;”>ああ</div>
- <div></div>
- <div style=”float:left;width:100px;”>いい</div>
- <div style=”float:left;width:100px;”>うう</div>
- </div>
これはちょっとイヤ。だから少しアレンジしてみた。
- <div style=”position:relative;top:0;left:0;”>
- <div style=”position:absolute;top:0;left:0;”>ああ</div>
- <div>
- <div style=”float:left;width:100px;”>いい</div>
- <div style=”float:left;width:100px;”>うう</div>
- </div>
- </div>
まだ、こっちの方がいい。