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

先日も書いたのですが、IE(Internet Explorer:インターネットエクスプローラ)で紅葉テンプレートを表示したとき、何故か文字が消えてしまうという減少が発生しました。

原因は、IEのバグ。


背景色(background)を指定したブロック要素A内に、フロートした要素Bがあるとき、ブロック要素A内の文字列が消える、というもの。
背景色が指定された要素内にフロートがあるときに要素内の文字が消える(IE6)

背景色を指定したブロック要素内にフロート配置した要素があるとき、ブロック要素内の文字列が消える。
(中略)
このバグは、親要素の幅をwidthプロパティで明示することで回避できます。



ということなので、親要素に幅(width)を指定することで解決しました。


ちなみに、IEのCSSバグについてはInternet Explorer (Windows) CSSバグリストが非常に参考になります。

Related Posts

Thoughts on スポンサーサイトIEで文字が消えるバグ

Leave a Reply

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