センター私は私のサイトで3つの問題がある

Question

固定要素を持つページ（これは浮気されていない願っています！：P）私は現在構築しています（ちなみにWordpressのを使用して...）私は「

私はかなり簡単に何かを達成しようとしていますが、少し難解です。このマイページ（www.ashleymosuro.com/newsite）には、他の要素と一緒にスクロールしない固定ナビゲーションバーが左側にあります。

しかし、私が望むのは、ページ全体を中央に置くこと、または少なくともメインラッパーにすべてのコンテンツを入れることです。私はこれまでこれをやっていましたが、ページのサイズを変更するたびに、ラッパーが左に移動し、ナビゲーションが重なり合うようになりました。私は、ナビゲーションがラッパーから同じ距離のままにしたいが、ページがサイズ変更されているかどうかにかかわらず、すべてを中心にしたい。

私の他の問題は、ページの右側にもっと多くのコンテンツがあるように、私は現在、サイトに水平スクロールバーが表示されていることです。私はこれがフロートの問題だと思いますか？

への私の固定ナビゲーションがになると、それはフッタのdivに達しています。私はこれがjQueryで可能だが、それを達成する方法が完全にはわからないことを知っている。私は何とかナビゲーションにクラスを追加する必要があると思いますが、フッターと衝突するときだけですが、ユーザーがスクロールしてこのクラスを削除する必要があります。

大歓迎です！

おかげで、

アシュリー

Answer 1

あなたは50％の左値と負の半分の左限界画素値の画素寸法とそれに絶対位置を与えることによって、任意のDIVをセンタリングすることができなければなりませんdivの幅

幅が955pxのdivがある場合は、中央に配置するには、左の値が50％、左の限界値が-477.5の絶対位置を指定します。 。

水平スクロールバーの場合、幅と高さの両方でボディのピクセルサイズを100％に設定する必要があります。これにより、ページがユーザーの解像度に合わせてサイズ変更されます。