AIRE-PROJECT BLOG

RecentComments

月別アーカイブ

Link

« 半角文字の連続を表示させるとレイアウトが崩れる | Home | IEでiframeの横スクロールバーを消す »

2007年01月26日

IEで position:absolute した要素が消えるバグ

CSS

今日もまた仕事でのこと……
IE6の印刷不具合の対応を地道にやっていたときのこと、ふと気づくと右上に表示されるはずのボタンが表示されてないではないですか!

IE6のバグ対応の修正をやってるさなかに、別のバグを見つけてしまいました。
あー、やだやだ。

今修正しているのは自分が実装したものではないので、かなりストレスがたまる作業なんですが、ここでもまた!
自分はほとんど「position:absolute」なんて使わないので、なんてこんなところで絶対配置にしてるんだ?という疑問も抱きつつ、しょうがないので一緒に修正しました。

今回のバグについては下記のページに解説がありました。

http://pinotan.blog15.fc2.com/blog-entry-195.html

要するに、フロートした要素にはさまれた要素を絶対配置にすると、ブラウザが訳わかんなくなって表示しなくなっちゃうとこういうことらしい。
バカめ!

これを修正するには、絶対配置の要素の前でフロートを解除しないといけないんで、「clear:both」を指定したボックスで絶対配置の要素をはさみました。
何とかこれで解決。

ふー、やれやれ。

トラックバック

IEで絶対配置(position:absolute)のボックスが消えるバグの検証(jmblog.jp)2007年10月23日 01:46
先日、友達の依頼で XHTML+CSS のコーディングをしていたところ、position:absolute を指定したボックスが Win版IE6 でのみ表...

コメントを投稿

「村治佳織」 おすすめCD&DVD

音楽を夢見た少年~ロドリーゴ

音楽を夢見た少年~ロドリーゴ

<村治佳織>

アランフェス協奏曲

アランフェス協奏曲

<村治佳織>

Mirai~若きマエストロたち~

Mirai~若きマエストロたち~

<オムニバス>

dulcinea/ドゥルシネア―村治佳織写真集 (ソトコトclassics)

dulcinea/ドゥルシネア―村治佳織写真集 (ソトコトclassics)

著:村治 佳織

CAVATINA

CAVATINA

<村治佳織>

パストラル

パストラル

<村治佳織>

関連エントリー 【CSS

はてなブックマーク del.icio.us ニフティクリップ livedoor クリップ POOKMARK Airlines Buzzurl(バザール)

Web制作者におススメの一冊

スタイルシート スタイルブック

Webクリエイティブのためのプログラミングマガジン Source &Script

SAMURAI佐藤可士和のつくり方

Webデザイナーのための情報アーキテクチャ入門 成功するサイト構築術

デザイン・ルールズ デザインをはじめる前に知っておきたいこと

スタイルシートによるレイアウトデザイン見本帖 (ADVANCED WEB DESIGN BOOKS)

Design rule index―デザイン、新・100の法則

Copyright © 2007 Aire-Project All Rights Reserved.