スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

--:-- | スポンサー広告 | edit | page top↑

IE7におけるpb_mistの改行バグの回避方法

Win Vista IE7において、pb_mistだと改行が反映されないというご報告をいただきました。

具体的には、複数の改行を入れた際に(段落と段落の間に1行の空白行を入れる等)、空白行が無視され、行間が詰まってしまうというものです。

原因はスタイルシート(CSS)内の
entry_body {letter-spacing:1px}でした。

「letter-spacing」は、文字間を設定するためのスタイルシートだ。しかし、Internet Explorer 6や7では、これに値を設定したとき、<br />タグが正しく認識されないという、これまた致命傷のようなバグがある。

参考:ie7の「ページの拡大」によるレイアウト崩れは「letter-spacing」で回避できる?


以下に回避方法を記します。
2つの方法があります。

  1. テンプレート内のletter-spacingの値を0にする。

    entry_body {

    letter-spacing:0;

    }


    この場合、他ブラウザでは、文字間が0pxになってしまいます。
    また、pbテンプレートでは、ブログタイトルや記事タイトルなどにも、「letter-spacing」を適用していますので、上記サイトにある「拡大した時のレイアウト崩れ」が見受けられる場合は、こちらの方法を試されてみてください。


  2. entry_bodyのletter-spacingの値はそのままに、brの設定をする。

    /*IE6、IE7改行バグ回避*/
    br { letter-spacing: 0; }


    これを、スタイルシートの分かりやすい場所に追加します。
    他の部分に指定した「letter-spacing」の値はそのままで(IE以外のブラウザに限ります)、改行の<br>タグのバグだけ回避します。


以上です。
私の知識不足のために、ご迷惑おかけして申し訳ありませんでした。
また、pb_mistは上記「2」の方法で修正したものを上書き登録済みです。
スポンサーサイト

10:34 | 不具合・修正報告 | comments (5) | trackbacks (0) | edit | page top↑
| top | pb_mistについて

comments

#
こんにちは~
テンプレート使わせていただいでます♪
とってもシンプルで文字がかわいいところがとってもいいです(*^^)v
すてきなテンプレートをありがとうです~
エルママさん | 2009/02/12 15:42 | URL [編集] | page top↑
# 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
さん | 2010/04/11 09:16 | URL [編集] | page top↑
# 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
さん | 2011/05/08 16:02 | URL [編集] | page top↑
# 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
さん | 2011/11/21 14:29 | URL [編集] | page top↑
# 承認待ちコメント
このコメントは管理者の承認待ちです
さん | 2012/11/15 22:42 | URL [編集] | page top↑

post a comment

管理者にだけ表示を許可する

trackbacks

この記事のトラックバックURL:
http://paperbag.blog61.fc2.com/tb.php/126-9d6668e4
この記事にトラックバックする(FC2ブログユーザー)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。