昨日はballで仕事でした。
前に作ったサイトのMac⇔WINでの互換作業と、ミス直し。
そこで発生したのが、「余白」の問題。
padding、marginなどの互換性の微妙なタグは極力避けていたのですが、
なぜかWIN・IEで表示するときだけ li タグ内 img の下に3pxほどの余白があくのでした。。。
CSSをどう直したって直らない。
グロッキーになっていたときに、鶴の一声が。
「brタグをimgタグの下に入れると、直ることがある」とのこと。
・・・・完璧に直りました。すばらしい。
その後、家に帰ってからMTを色々いじっていたときにも似たような現象がおきました。
なぜか、ページ上部に謎の余白。。
bodyもtop:0に指定しているし、ほかの要素を見渡しても見つからない。
これだけで1時間ぐらい悩み、案外あっさり解決しました。
ネックだったのは、なんと影響しないはずのコメントタグ。
これを消したらぴったりと表示されました。
まったく・・・。
これもWEB製作者のスキルのひとつになるのでしょうが、IEのバグはそろそろ直してほしいところです。


コメントする
※ユーザーアイコンを変える場合は、サインイン後に表示される自分の名前をクリックして編集してください。