Home / Diary / Operaのposition:absoluteでバグ?

Operaのposition:absoluteでバグ?

幅と高さを指定した要素の子要素の中にabsoluteを指定した要素があると、幅と高さを指定した要素の内部の高さが、さらに親要素に反映されてしまう。

・・・微妙に日本語が変だな。

要素要素うざいので百聞は一見にしかず。つーわけで実物を用意した。

赤いボックスの中に定義リストが含まれている。定義リストの子要素っつーかdd全てにheight:100px;

んで、そのdd群の中にひとつだけabsoluteなspanを含んでいるddがある。

赤と青のボックスにはwidthとheightが指定され、はみ出した要素は自動的に処理するようにoverflow:autoが指定されているのだが、それを無視するかのようにボックスの要素内の高さが親要素に伝わってしまい、bodyにスクロールバーが表示されているのがわかるだろうか。

なお、ddの右端にabsoluteで表示したいので、当然ddにはrelativeがついている。

bodyっつーか親要素にoverflow:hiddenで解決でね？　と思いがちだが、ホイール回せばしっかりスクロールするんでダメ。

一応、Firefoxでは問題無し。IEも天然なので問題な・・・ってIE7、おまえもか。

んー、どうしようこれ。他の方法でも一応なんとかはなるんだが・・・めんどいな。

Info

Navigation

関連のあるエントリ: 2007-11-14 続・ニコニコ動画視聴補助スクリプト for Opera; 2007-09-05 怒本格最速ブラウザが完全進化「Opera 9.5 Alpha 1」; 2006-08-01 ニンテンドーDSブラウザでAjax; 2007-04-14 ニコニコ動画視聴補助スクリプト for Opera; 2007-06-18 ニコニコ動画視聴補助CSS
新しいエントリ（日付順）: 動画も見れるポータブルプレーヤーが欲しい
古いエントリ（日付順）: シャドウタワータイムアタック

Comment

投稿したコメントは公開されません。サイトオーナーのみが閲覧できます。
返信等を希望する場合は、コメント内に連絡先のメールアドレスかサイトのURLを入力してください。

2007
0510