IE7でbrタグが利かない場合の対応

CMSをカスタマイズしたせいか、本文などを入れるテキストエリアに改行タグ(br)を複数入れてもブラウザから見ると挿入分の改行が適応されないという事象が発生した。

メイン開発にはIE8で利用していたが、ふとIE7やIE6で動作検証すると改行として表示されない。

CMS側の問題かと思いソースを見てみるが、問題無くbrタグが明記されている。

調べてみると、「letter-spacing」を設定されていると発生する現象らしく、CSS内部を見るとbodyタグに対して「letter-spacing:1px」としていた。

「letter-spacing」は文字の間隔を制御するもので、これが改行タグに影響を及ぼすとはブラウザのバグとしか思えない。

さて、正常にbrタグが利くようにするには「letter-spacing」を消せばよいのだが、問題はbrタグなので下記のようにCSSへ追記することで改善される。


br{
letter-spacing:0;
}



全体的なシェアは減っているとはいえ、アクセス解析で見ると極わずかだけIE6やIE7の利用者が確認されるのでまだまだ複数ブラウザでの検証が必要だ。

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

この記事へのトラックバック