てんぽ: メモ:MacIE5 bottomのバグ

CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど

スポンサーサイト

--年--月--日(--)

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
#
カテゴリ:スポンサー広告

メモ:MacIE5 bottomのバグ

2006年05月23日(火)

MacIE5で、絶対配置ボックスのコンテナブロックがposition:relativeによって形成されているとき、 そのボックスの位置をbottomプロパティで正しく指定できない。

<div>
    <p>static</p>

    <p class="hoge">absolute</p>
</div>
div {
 position:relative;
}

.hoge {
 position:absolute;
 bottom:0;
}

position:absoluteが指定されたボックスは、その位置の基準として、positionの値がstatic以外である最も近い祖先要素を参照します。 上記のソースの場合、絶対配置要素のマージン下辺はdiv要素の下辺と重なるはずですが、MacIE5ではdivの上辺の位置になるようです。

divがposition:absoluteの場合、またはdivにheightが指定されている場合には、このバグは起こらない。

#93
カテゴリ:HTML・CSS
タグ[ CSS バグ ]

同じカテゴリの記事

(-0件)

コメントの投稿

トラックバック(-0件)

http://mb.blog7.fc2.com/tb.php/93-e4850d15

<<Beautiful Tomorrow, ESCM | 『セオリー・オブ・スタイルシート』発売>>

Utilities

おすすめ

セオリー・オブ・スタイルシート (Quick Master of Web Technique)
「ボックスと視覚整形モデル」の詳細な解説が圧巻。→関連記事
Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト
正しい仕様の解説から実践的なレイアウトテクニックまで網羅。→関連記事
詳解HTML&XHTML&CSS辞典 第3版
信頼できる辞典型解説書の筆頭。

広告

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。