横幅1200pxのHPをセンタリングしたい

質問

みなさま、お知恵を貸してください。

今HPを作っています。
横幅1200pxで作成いたしまして、
ブラウザ横幅1200px以下で見たときに全体をセンタリングした状態で表示したいのです。

サイト全体の横幅をそもそも変えれば、、というのは時間が限られておりできません。。

CSSやJSでなんとか調整できませんでしょうか。

なお、ブラウザが横幅980px以上では横スクロールを消したいです。

コーディング初心者のためなかなか解決策が見つかりません。。

どうぞよろしくお願い致します。

回答No.2

azizi · ベストアンサー

文字は980px分の幅で中央に、画像は幅980以上は縮小する方向、幅980以下はそのままで・・・を条件に見栄えも考慮すると、CSSはこんな感じでしょうか。

<style type="text/css">
<!--
*{
max-width: 980px;
min-width: 0px;
margin: 50 auto;
}
-->
</style>

参考ページを作ってみました。
■table 1200幅の未調整
http://members3.jcom.home.ne.jp/kazzazy/test/w1200_1.html

■table 1200幅で上記style摘要
http://members3.jcom.home.ne.jp/kazzazy/test/w1200_2.html

html記述はいい加減なのでつっこまないでください(笑

回答No.1

ORUKA1951

なら、横幅を指定すればよいだけでは？
　ウィンドウ巾が960px以上でスクロールなしと言うことは、
min-width:960pxです。
　すなわち、
body{
width:100%;
max-width:1200px;
min-width:960px;
margin:0 auto;
}

　これだけで、センタリング自体必要なくなります。
　HTMLさえ、ちゃんと出来ていればスタイルシートで如何様にもなりますが、HTMLがきちんと出来ていないと不可能です。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
メモ: CSSスタイルシートを意図した通りに機能させるには、正しい文書解析木が必要です。つまり、正当なHTMLを用いるべきです。.
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/ )］より

　そもそもHTMLは
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より
　なのですから、HTMLさえきちんと出来ていれば、ウィンドウサイズは無論、携帯電話やスマートフォンで問題なく利用できるはずですし、そのためにHTMLを使ってウェブページを作成したはずです。・・・それがHTMLでページを作成するを選択した唯一最大の目的だったのでは?
・HTMLには文書構造以外書かない
　「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )」--strictには、プレゼンテーションに関わる要素や属性はほとんどありません。
・その文書構造を元にスタイルシートでプレゼンテーションを指定する。