＞ ＞ Firefox7でCSSの不具合発生

Firefox7でCSSの不具合発生

Posted at November 8,2011 12:55 AM
Tag：[CSS, Firefox]

Firefox7以上でCSSの不具合が発生しています。当ブログだけの問題かもしれませんがとりあえず情報展開します。

１．問題点１

当ブログでは3カラム表示で、サイドバーの区切りに背景画像を使っていますが、次のように途中で途切れる事象が発生しています。

問題点１

参考：正常な表示
問題点１

月別アーカイブやコメントの多いブログ記事ページなど、スクロール量が多いページで100%発生するようです。例えば次のページで発生しています。

WordPress テーマ（テンプレート）・3カラム版

背景画像は長さが足りない訳ではなく、backgroundプロパティに「repeat-y」を与えてY軸方向に繰り返すようにしています。

２．確認状況

事象が発生するページはHTML5でマークアップしています。Validator.nu (X)HTML5 ValidatorではvalidなHTMLになっています。

問題点１

ブラウザのバージョン別確認状況は次のとおりです。

  • 3.6.23：OK
  • 5.0：OK
  • 7.0.1：NG
  • 8.0a2（Aurora）：NG（これ以上のバージョンはすべてNG）

Google ChromeやIE9など、他のブラウザでは正常に表示されます。PC再起動・ブラウザ再起動・キャッシュのクリアを行っても事象は変わりません。PCはWindows Vista Service Pack 2です。

３．対策

ネットで検索したり、CSSのプロパティをいろいろ組み替えたりしてみましたが、今のところ対策は見つかってません。

Firefoxへのフィードバックはすでに行っています。

Posted by yujiro   このページの先頭に戻る
関連記事
関連記事をもっと読む
トラックバックURL


コメント

お久しぶりです。

ページを読み込む度にFirefox8で以下のエラーが出ますね。

エラー: document.getElementById("buttonLeft") is null
ソースファイル: http://www.koikikukan.com/js/koikikukan-min.js
行: 1

確認済みでしたらスルーしてください＾＾；

[1] Posted by WIND : November 10, 2011 2:43 PM

＞WINDさん
ごぶさたしてます。
ご指摘ありがとうございました。
とりあえず修正しました。このJavaScriptファイルは色々見直したいですね。

[2] Posted by yujiro logo : November 10, 2011 10:26 PM
コメントする
greeting

*必須

*必須（非表示）


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り（プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り）、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります（全て半角文字）