いつもieには悩まされるわけですが、今日もハマったのでメモとして残します。
あるブロックをfloatで寄せてその後にコメントを入れると、ブロックの内容が重複して表示されてしまう。
もちろん2行目の「文内容」はソースのどこを探しても記述してありません。
あるブロックをfloatで寄せてその後にコメントを入れると、ブロックの内容が重複して表示されてしまう。
------------------------------ 本文内容 ------------------------------としたはずが
------------------------------ 本文内容 文内容 ------------------------------となったり。
もちろん2行目の「文内容」はソースのどこを探しても記述してありません。
いろいろと検索して探し回ったら次のようなことが原因らしいです。
コメント！？
コメントのせいで表示がおかしくなる！！？
そりゃぁ気づきませんでした。
ということで、
One of our more deviously-minded readers, Victor Welling, has discovered that Conditional Comments may be used in place of normal HTML comments without triggering this bug! It works because CC's allow the use of the naught sign (!), so you can specifically tell IE/Win to ignore the CC, while other user agents simply treat the CC as a normal comment as usual.IE Duplicate Characters Bug - CSS fixes and workarounds！
コメント！？
コメントのせいで表示がおかしくなる！！？
そりゃぁ気づきませんでした。
ということで、
<div style="float: right;"> <p>本文内容</p> </div> <!--コメント-->を
<div style="float: right;"> <p>本文内容</p> </div> <!--[if !IE]>コメント<![endif]-->とすると解決されました。
コメントする