2012-02-19 8 views
0

私が開発した数多くのサイトでこの問題に直面しましたが、今では私の個人的なサイトでもこの問題が発生しているようです。問題は、ページの内容がブラウザウィンドウの高さを超えた場合、上部のナビゲーションバーが位置がずれていることです(数ピクセル左に移動します)。Safariのページの高さの問題

aboutおよびhomeページでは、ページの内容がブラウザウィンドウを超えないため、navbarが正しい位置に表示されます。しかし、連絡先のページでは、フォームがその位置を左に移動させてしまい、理由がわかりません。

事前にすべてのヘルプ/アイデアをお寄せいただきありがとうございます。私は何時間もこのメッセージをお待ちしております。私はどこかで監督をしたに違いないと思います!

答えて

2

overflow-y: scroll;を使用して、scollbarを示すことによって固定することができ、ブラウザウィンドウの右側にスクロールバーが追加されます。これにより、ブラウザウィンドウで使用可能な幅が変更されるため、ウィンドウの右側を基準にして中央に配置されるか、または配置されるコンテンツはすべて左に移動します。これは非常に一般的です。

これを制御する方法はいくつもありますが、最も一般的なのは、ウィンドウのoverflow-yプロパティを制御して、スクロールバーを常に持っているか、スクロールバーを決して持っていないことです。

設定overflow-y: scrollは、スクロールバーが常にそこにあるように強制します。

設定overflow-y: hiddenは、スクロールバーを絶対に使用しません。

+0

ありがとうございます!ちょうど見つけた!私ができるときあなたの答えを受け入れるだろう – jacktheripper

0

問題が見つかりました:ページの横にあるスクロールバーが移動します。

は、それは常にページの内容は、もはや垂直収まらない場合、コンテンツ