LUNARAVE WEBクリエイターの仕事と休息

アクセスカウンタ

Google Maps APIの利用戦国IXAWeb技術Youtubeチャンネル

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

<<   作成日時 : 2011/07/06 18:33   >>

ブログ気持玉 0 / トラックバック 0 / コメント 0

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件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
URL(任意)
本 文
IE7でbrタグが利かない場合の対応 LUNARAVE WEBクリエイターの仕事と休息/BIGLOBEウェブリブログ
文字サイズ:       閉じる