ie6 positionとfloatのバグ

2011/01/20

調べると有名?
原因はよくわかんない…原因はie6のバグ。

私の場合は下記のような感じで「position:absolute;」の箇所が消える。

  1. <div style=”position:relative;top:0;left:0;”>
  2.  <div style=”position:absolute;top:0;left:0;”>ああ</div>
  3.  <div style=”float:left;width:100px;”>いい</div>
  4.  <div style=”float:left;width:100px;”>うう</div>
  5. </div>

「position:absolute;」のあとに空のタグをかませればいいと言うことでやってみた。
IE6でposition:absoluteしたボックスが消えるバグ」を参考。

  1. <div style=”position:relative;top:0;left:0;”>
  2.  <div style=”position:absolute;top:0;left:0;”>ああ</div>
  3.  <div></div>
  4.  <div style=”float:left;width:100px;”>いい</div>
  5.  <div style=”float:left;width:100px;”>うう</div>
  6. </div>

これはちょっとイヤ。だから少しアレンジしてみた。

  1. <div style=”position:relative;top:0;left:0;”>
  2.  <div style=”position:absolute;top:0;left:0;”>ああ</div>
  3.  <div>
  4.   <div style=”float:left;width:100px;”>いい</div>
  5.   <div style=”float:left;width:100px;”>うう</div>
  6.  </div>
  7. </div>

まだ、こっちの方がいい。

詳しく知りたければWin/IEで絶対配置(position: absolute)のボックスが消えるバグの検証ページ

新着(ニュース関連以外)

2017-03-23
Wordpressのアドバンスドカスタムフィールドの値で検索や出力したい。
2017-03-16
PC・AからPC・BにはTeamViewerでLAN接続できるのに、PC・BからPC・AにLAN接続できいので、その対応。
2017-03-10
wordpressで投稿した際に強制的にカテゴリを付与したい・・・。
2017-03-10
Koala(sassのコンパイラ)の選択したoutput形式によるcssファイルの違い
2017-03-03
必要な画像がexcelファイルに貼り付けた状態で届いたので取り出す必要が出てきた。