-4

重複の可能性:
ウェブページの中央のコンテンツ

幅 1640 ピクセルの Web ページがあり、メイン コンテンツはページの中央に配置され、幅 900 ピクセルです。ユーザーの画面やブラウザのサイズに関係なく、ブラウザウィンドウでWebページの中央を水平にする必要があります。これは、javascript、jquery、または css で可能ですか? 私はJavaの実際の経験がないので、誰かが私を正しい方向に向けることができますか、それともコードサンプルを持っていますか? 助けてくれてありがとう！

ここに役立つページへのリンクがあります。ウェブページのリンク

私が抱えている問題は、ヘッダーとフッターがコンテナーの外側にあり、Web ページの幅全体を実行しているためです。

4

3 に答える 3

0

コードは次のようになります。

#container { width: 1640px; margin: 0 auto; max-width: 100%; background-position: center 0;}
于 2012-12-04T17:24:03.037 に答える
0

1680px などの固定数値ではなく、相対的な測定値 (つまり 100% パーセント)を使用する必要があります。そうすれば、解像度に関係なく、ラッパーはその特定の画面の幅全体を取り、コンテンツは中央に配置されます。

#wrapper {
   width:100%;
}
#content {
width:900px;
margin:0 auto;
}
于 2012-12-04T17:37:12.830 に答える
0

私はあなたの問題を見つけました...あなたのコードはあなたがやりたいことをしています。から言うcssを削除する必要がありwidth:1680px;ますhtml,body

代わりに次のように言います。width:100%;

それが役立つことを願っています!

于 2012-12-04T17:37:15.307 に答える