制作コラム&お知らせ

IE6の困ったゴースト現象!?テキスト複製&画像が飛び出す。

2011/10/20

悪名高きIE6ですが、なかなか面白いどうしようもないバグの一つにテキストが複製されるというもの。

もう一つ、divタグの中に配置した画像が外に飛び出して見えるというものがあります。

どうにも笑っちゃうバグですね。

「テキストが複製されてしまう」バグの対処法として一番楽なものは、HTMLタグの中に書き込んだコメントタグを削除する方法があります。
コメントタグは更新等の際にとても便利な、外には見えないメモ書きのようなものですが、これがどうにもIE6と相性が悪いみたい。

なので、とにかく簡単に済ませる場合はファイルの複製を取った後に、ひたすらコメントタグを消す。
※ファイルの複製を取っておかないと、後々の更新の際に大変になりますよ!

もう一つの、「divタグの中に配置した画像が外に飛び出して見える」バグ、あるべき所から外れて離れたところへ飛び出してしまう現象。

これも「テキストが複製されてしまう」バグの対処法と同様にコメントタグの削除でほとんど解決されるようです。

しかし、自分一人ですべて完結できる制作の場合はこれで良いのですが、そのあとにプログラマーさんに渡してプログラムを仕込んでもらう・・・などの場合にはちょっと困りもの。プログラマーさんが大変なことになります。

そこで発見したのが、divの閉じタグの直前に、ブランクタグ(<br>)、もしくは空のコメントタグ(<!-- -->)を入れてやることで飛び出しがなくなるようです。
ブランクタグはあまりに意味が無いので、空のコメントタグ採用!

この空のコメントタグ挿入の場合、完全にバグが消える?までいくつも入れてやる必要があります。
<!-- --><!-- --><!-- --><!-- -->な感じにですね!

前述のテキストゴーストもこの方法で解決できる場合も・・・あるようです。これもケースバイケースなので、実際にやってみないとほかの要因が絡むとダメな場合もあります。

どちらにせよ、あまりに面白いIE6です。

デザイン事務所|エイビッツは個人事業&SOHOネットワークによる運営をしております。

Copyright © 2011-2022 Aveit. All rights reserved. — WebSite by Aveit.