2014年7月10日木曜日

IE7で空白divなのに余計な1行が出てしまう

IE7、またそれ以下バージョンのIEで起こるバグ。

通常文字を表示しているが、時々中身が無くしてdivだけ残しておきたい時がある。
(本来はあまりよくない事だと思うけど、タグも全部消してしまうと後で使う時に場所とかclassがわからなくなったりして面倒なので)

例)
タグだけ残してカラにしておきたい。
<div class="lead01"></div>

新しいブラウザとかでは何も表示されず問題ないんですが、IE7だと、文字が何か入っているように1行出てしまいます。
classに背景色を設定してあると、色のラインが出ます。

これを回避するためには、
<div class="leadAlertA02"><!-- --></div>
と何も書かないコメントを入れておけば解決。


IE7で余計な行が出てしまう問題

表示上はうまくいくけど、カラタグ+無駄なコメント追記、といういろんな意味であまり良くない気がする対策。
とりあえず表示だけでも直したい時に使用しましょう。

どちらかといえば、もうIE7以下は無視できればそのほうがいいですね。