0

Firefox/Chrome のワイドスクリーンで自分の Web サイトに問題があります。何らかの理由で中央に配置されていません。margin: 0 auto; どちらも機能していません。Web サイトは、通常の画面または低解像度のワイド画面でも問題なく表示されますが、何らかの理由で 1900x1200 ではコンテンツが中央に配置されません。ただし、Web サイトは 1900x1200 の IE 9 で問題なく表示されます。コードは次のとおりです。

jsfiddle.net/hXskH/

手がかりはありますか？

4

2 に答える 2

1

中央に配置するには、幅を追加する必要がありますmargin: 0 auto;。最も一般的な幅は960pxです。

#main {
padding-bottom: 300px;
margin:0 auto;
position: relative;
width: 960px;
}
于 2012-10-29T10:18:57.407 に答える
0

#main の幅を設定していないため、ブロック レベルであるため、全幅、つまり 100% を占めています。

要素の幅を設定します。

#main {
padding-bottom: 300px;
margin:0 auto;
width:<your-width>;
position: relative;
}
于 2012-10-29T10:21:02.447 に答える