2011-02-09 16 views
1

私はRoR tutorialに従っており、ナビゲーションリンク間を移動中に私のレイアウトがシフトしているように見えます。私の実際のプロジェクトにリンクするのではなく、著者の個人的なホームページを見て、私が何を言っているのかを知ることができます:www.michaelhartl.com/トップのナビゲーションリンク間を移動すると、ページ全体がシフトして見えます。私はこれがRoRとは何の関係もなく、さらにCSSと関係がないと推測しています。このレイアウトの原因は何ですか? CSS?

+0

あなたはどのブラウザで問題を見ていますか?ブラウザのデフォルトのスタイル(カスタムフォントのサイジングなど)を変更しましたか? –

+0

あなたはどんなブラウザを使用していますか? –

+0

Chrome 9.0.597.84。 Safari 5.0.3を試したところ、同じことが起こりました。連絡先から[バージョン情報]ページに移動してみてください。 – Greg

答えて

3

一部のページにはスクロールバーがあり、他のページにはスクロールバーがありません。スクロールバーが表示されたら、それはいくつかのピクセルを残してシフトします。 (これがあなたが意味するものなら)

1

Sotirisによると、ページの内容によって、スクロールバーが表示されているものと表示されていないものがあります。スクロールバーをすべてのページに表示させ、CSSファイルに次のように記述することで、この明白な「シフト」を防ぐことができます。

html { overflow-y: scroll; } 
+0

また、overflow-yとoverflow-xはcss3プロパティです。 – easwee

関連する問題