まんぞうブログ

2008-07-24

[]position:absoluteにしたときにIEで位置がずれることの対応

jqueryプラグインgalleriaをホームページに使ってみようと、サンプルからちょろちょろ修正してた。Firefoxで動作確認とかして最後にIEでチェックすると表示がおかしいぞと気づく。position:absoluteにしているのに位置がおかしい。

IEバグらしい。

to-R『floatした際に背景が消える件(IE編)』(参照

IEに対して対応するには以下のような方法があります。

width:100%を指定する

親要素に対してwidth:100%を指定することにより、IEの『幅や高さを指定した要素ではボックスサイズの算出時にフロートを除外しない』というバグを発生させることができます。

親要素にwidth:100%を指定したら、ちゃんと表示された。