カネコデザイン KANEKODESIGN

IE6でabsoluteがずれる【過去日記】

2013.04.09

過去日記について >過去日記はシステムの都合で改行多かったり読みづらい場合がありますが、芸能人のアメブロと勘違いしないように気をつけてくださいね。
また画像がうまく表示されていない場合もあります。追って直していきます!

position:absolute;

cssで位置を指定する時に使います。

背景画像の好きな場所にボタン等のオブジェクトを置きたい時など。

こういう場合は、下から◯pxと数値で指定してあげます。

しかし、IE6だと下の画像のようにずれる場合がありました。

こんな風に。

 

こんな時は親のコンテンツにheightを入れてあげましょう。

ここでいうと、水色の背景ですね。

#main{
position:relative;
height:500px;
}
#main #btn{
position:absolute;
bottom:50px;
}

こんな感じです。

まあよく考えたら当然なのかもしれないですが。

ちなみにwidthを指定してあげても解決できるようです。

 

その他の【過去日記】

過去日記のトップへ