Firefox7でCSSの不具合発生

Firefox7でCSSの不具合発生

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

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

1.問題点1

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

問題点1

参考:正常な表示
問題点1

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

WordPress テーマ(テンプレート)・3カラム版

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

2.確認状況

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

問題点1

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

  • 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です。

3.対策

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

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

関連記事
zenback
人気エントリー
トラックバック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;」となります(全て半角文字)