0

エクスプローラー ウィンドウが大きくなったときにサイトのメイン コンテナーが自動的に中央に配置されるようにするか、エクスプローラー ウィンドウが狭くなったときに常に左側に固定されるようにしようとしています。

CSSでそれをどのように達成できますか?

最近では、bloomingdales.com などのほとんどのサイトがこれを行っています。

ブラウザーを小さくすると、メイン コンテナーは左側に残り、ブラウザーを右側で開くとすぐに、メイン コンテナーが自動的に中央に配置されます。

ありがとう！

私のサイト: www.tahara.es

CSS の追加:

body {
margin: 0 auto;
font-size: 11px;
font-family: Arial,Helvetica,Verdana,Sans-serif;
color: black;
font-weight: normal;
}

.mainContainer
{
position: absolute;
width: 850px;
min-width: 850px;
margin: 0 auto;
border: 0;
}
4

2 に答える 2

1 
body {
font-size: 11px;
font-family: Arial,Helvetica,Verdana,Sans-serif;
color: black;
font-weight: normal;
}

.mainContainer
{
width: 850px;
min-width: 850px;
margin: 0 auto;
border: 0;
}
于 2012-12-27T15:01:58.783 に答える
0

これはそれを行う必要があります：

body {
  font-size: 11px;
  font-family: Arial,Helvetica,Verdana,Sans-serif;
  color: black;
  font-weight: normal;
}

.mainContainer {
  width: 850px;
  min-width: 850px;
  margin: 0 auto;
  border: 0;
}

JSFiddleで見る

position: absolute;重要なのは、あなたのdivにないということです。そのプロパティは、親要素を持たないように、通常のドキュメント フローから要素を削除します。margin: 0 auto;親要素からの左右のマージンを決定します。2 と 2 を合わせると、互換性がないことがわかります。

于 2012-12-27T14:47:35.640 に答える