CSSのメモ帳 ‐問題解決法その2‐｜CSSのメモ帳 ―スタイルシートは直感で―

cssについてのメモ帳、初心者編。cssについての覚書きのようなものとしてお使いください。初心者必見、スタイルシートなんて勘で何とかなる？ こんにちは。 今回はCSS(スタイルシート)レイアウトにありがちなIEのバグについてです。 数あるIEのバグの中でも結構悩んでしまうのがPeekaboo Bug(ピーカブーバグ)というものです。 こいつの症状はというと、floatプロパティを使用した周りの要素の表示が不安定になることです。 具体的にはページの最初の読み込み時に表示されなかったところが、マウスオーバーやスクロールなどによって初めて表示されるというところでしょうか。 こうなってしまったときの対処法としてはコチラ(→にこにこ風味さん )で紹介されいるとおり、float に含まれる要素に position: relative を付けてあげることでしょうか。 しかし自身の実際の経験としては、コレ

[purazumakoi]

Peekaboo Bug(ピーカブーバグ)

[as365n2]

Peekaboo Bug < 'peek-a-boo' (いないいないばあ)