文字が消える、解消

 先日、ダンディさんのブログを見て、トラックバック欄にサムネイルをつけるカスタマイズをしたのだが、ちょっと気になることが。
 たまにサムネイル横の文章が、消えたり欠けたり。
 気にはなっていたのだが、ちょっとしたきっかけで原因判明。
Internet Explorer (Windows) CSSバグリスト
背景色が指定された要素内にフロートがあるときに要素内の文字が消える

 ダンディさんの方は画像を回り込みにしていないので、この現象が現れないのだが、このブログや、ネタ元のコメント・トラバにサムネイルを付けてみよう!:沖縄からヨッシャー(=^^)9でも、たまに出現している様子。
 CSSのtrackback-bodyにwidth:100%;を追加して、これで解消かな。
 ついでに相方のブログでも、本文がたまに消えたりしていたのだが、これまたblogbodyにwidth:100%;を追加して、解消。
 もとのデザインには背景色の指定が無く、widthを指定して無くても問題ないところ、背景色を指定するカスタマイズを施したため、こんな現象が出た様子。
 カスタマイズの際には、気をつけた方がよさげ。
 最初からCSSを書くときにはあまりこういったことにならないのだが、元あるCSSにいろいろ追加していると、こういった落とし穴にはまりやすい。
 気をつけなくっちゃ(^^ゞ

タイトルとURLをコピーしました