ロデの気まぐれコラムー -8ページ目

ロデの気まぐれコラムー

へっぽこWeb屋の駆け足ドラマー。
音楽・映画・お笑い・こどもなど、すごく気まぐれです。

この前びっくりしたのでメモ。

他のブラウザでは全く問題ないのに、ie6でだけ謎の文字が出てくるドクロ
再現するとこんな感じです。

$ロデの気まぐれコラムー


「ちら」?

なんだこれは。


ie6だけだし、ページ内に不安定なflash埋め込んでたからそれのせいかなぁと、削除してみても直らない。
ソースで変な所もないし、IETesterを再起動させてもダメ。
そもそもIETesterがダメなのかもと、ie6のPCで見ても、
やっぱり「ちら」がいるんです。


やっと、バグかもと疑い始めて調べようと思っても、これどう検索すればいいんだろう・・


「ie6 テキスト バグ」とか調べてたら、詳しい記事を見つけました。

http://watakushigoto.com/blog/index.php?e=15(ワタクシゴトブログさん)


なんだ有名なバグだったのね・・

どうやらfloatを多用したり、そのdiv近辺にコメントがあるのが良くないみたいです。
親divの中にfloatした子divがキチキチ(差が3px未満)だとダメらしい。
margin-right:-3px;などを記述すれば、しっかり対処できるようですね。

うーんでもなんとなくie6の為だけに、ネガティブマージン使ったりしたくないなぁ。
と思ったので、アホらしい・・と思いながら周りのコメントを消してみました。

こんなんで直ったら苦労しないよ…って、直った!


なんか自分がわかりやすいようにコメント残しただけなのに、見た目に影響しちゃうなんて、
つくづくアレなブラウザだなぁ・・なんてねー

どうしてもコメントを残す必要がある場合は、


みたいにすると、ieに影響は出ないようです。


それでもダメな場合は、margin:-3pxを試してみてください。

それでもダメそうなら、このバグ自体は「Explorer 6 Duplicate Characters Bug」という名前なので、
調べてみてください。


では。自分用のメモも兼ねて、今日は終わりですーぐぅぐぅ

BUG/バグ
実践バグ管理―プロジェクトを成功に導くための