サポート » 使い方全般 » テーマをカスタマイズしていますが、動作がおかしい?

  • 解決済 koutaka21

    (@koutaka21)


    TwentyTenのテーマを、カスタマイズしていますが、表示時に右側に1カラム?動いた後、
    元に戻るページと動かないページが存在します。
    内容を削除して表示しても同様の動きをします。
    どなたか、ご教授お願いします。
    おもに動くページには、「Google AJAX Feed API」を埋め込みましたが、
    上記、内容を削除後、表示しても右側にズレタあと戻ります。
    URLは、
    http://www.koutaka.jp/
    です。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • この挙動は、ブラウザのスクロールバーの有無によって生じるズレが引き起こしているものです。

    ・feedを読み込み中→内容が空なので画面が100%以下→スクロールバー非表示
    ・feed読み込み完了→画面が100%超→スクロールバー表示

    feed表示部を含んでいるボックスに適当な高さを指定して、常にスクロールバーを表示させるようにすればいいでしょうね。「ブラウザ スクロールバー ずれ」あたりで検索すれば、具体的な解決法を見つけることができますよ。

    トピック投稿者 koutaka21

    (@koutaka21)

    akihiroさん、
    回答ありがとうございます。
    早速、「ブラウザ スクロールバー ずれ」で検索してみます。
    対応結果をお知らせいたします。

    トピック投稿者 koutaka21

    (@koutaka21)

    akihiroさん、
    ありがとうございました。
    回答の、「ブラウザ スクロールバー ずれ」で検索をしたところ大量にヒットしました。
    その中でいろいろ試しましたが「TwentyTen」のテーマでの方法は、
    以下で対応・確認しました。本当にありがとうございました。
    ・スクロールバーの有無によるセンタリングのズレを解消する(http://fublicbox.com/?p=377)
    ・FireFoxのスクロールバー分のズレをとるCSS(http://www.u-ziq.com/blog/2006/09/firefoxcss.html)
    以下をCSSに追加しました。
    *html body {   /* IE6だけに適用 */
    overflow-y: auto;
    }
    *+html body {   /* IE7だけに適用 */
    overflow-y: auto;
    }
    body {
    overflow-y: scroll;
    }

    以下のブラウザで確認しました。
    ・Chrome 5.0.375.99
    ・FireFox 3.6.6
    ・IE 8
    以上、本当にありがとうございました。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「テーマをカスタマイズしていますが、動作がおかしい?」には新たに返信することはできません。