IE6でfloatした要素の末尾の文字が複製される

IE6でfloatした要素内にあるテキストの末尾が複製されてしまうことがあります。これもなかなか原因がわからないとはまります。原因はコメントアウトによるものだと思います。テキストが複製されてしまう要素の直前にコメントアウトが入っていると文字が複製される現象は確認できます。
現象のソースを見ると<div id=”tertiary”>の前に2行のコメントアウトがあります。このコメントアウトを削除するだけで文字の複製を消すことができます。
実は解決方法はこれ以外にもあるようです。


その解決方法の1つは親ボックスとfloatした要素の横幅合計の差を3px以上に増やすことです。

もしこの文字が複製される現象を見たら、コメントアウトを消すか、親ボックスのwidthを3px以上増やしてください。現状私が知ってる解決方法はこの2つですが、他にもありましたらお教えください。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください