css - 固定幅ページ

Question

標準のズームレベルでは、ブログ全体が左に配置され、この巨大な人は右に着地しません。ブログがすべてのズームレベルで中央に配置されるように、ページのサイズを縮小するにはどうすればよいですか？

私はいくつかの簡単なcssを試しましたが、理解できないようです。

ありがとう！

score 4 · Accepted Answer

うーん。メインコンテンツをdivに入れて、それを次のように中央に配置するのはどうですか。

margin: 0 auto;
width: /* the width of your content */

ただし、htmlマークアップを再配置する必要があります。これをやってみましたが、背景が途切れてしまいました。中央に配置するdivから背景画像を取り出し、そのdivの周りに配置する必要があります。それが理にかなっている場合..次のようなもの：

<body>
   <div id="bg"><!-- give this id the background-image in css -->
      <div id="maincontent">
         <!-- this div contains all your content, everything that needs centering -->
      </div>
   </div
</body>

次に、CSSで：

#bg { background-image: /* blabla */ }
#maincontent { margin: 0 auto; width: /* width, as stated above */ }

そんな感じ。

score 1 · Accepted Answer

1

これはあなたが探しているものですか：

.main-width { margin: 0px auto; }

于 2011-06-05T00:12:43.063 に答える

score 0 · Accepted Answer

0

ラッピングdivに固定幅を与え、マージンを与えます：0 auto

于 2011-06-05T00:12:57.917 に答える

css - 固定幅ページ

3 に答える 3

Related

Reference