可変でサイト全体を中央に配置したいのですが出来ません…。

画面の幅を小さくしても、常にサイト全体が中央に配置されるようにしたいです。

個々の指定の左右をそれぞれ、margin　autoにすると中央に配置されるのですが画面を狭めると、途中で切れてしまいます。伝わりますでしょうか？

この指定をページ全体に指定して、全てのコンテンツが中央に配置されるようにしたいのですが上手くいきません…。
position:relative;を指定して、ネガティブマージンでmargin-left:-50%する感じの中央揃えをサイト全体にという感じでしょうか。

どなたかこれを実現できる方法をご存知の方いらっしゃいましたらアドバイス頂けないでしょうか。
よろしくお願いいたします。

No.5 ベストアンサー 回答者： t_freak 回答日時： 2015/06/30 12:18

No.3の方の「内容物の幅を指定を例えば6８0pxなど固定ピクセルで指定されていませんか？」に一票。

ここの幅指定を、例えば width:680px から max-width:680px という指定に変えてみてはいかがでしょう？

No.4 回答者： ORUKA1951 回答日時： 2015/06/26 18:02

>中央に配置されるのですが画面を狭めると、途中で切れてしまいます。

伝わりますでしょうか？
　伝わりません。(^^)
　最も外側、html要素にしろbody要素にしろ、あるいはarticleにしろ
margin: 0 auto;
　で、サイズに関わらず中央に配置されるはずです。
★何があってもデザインのためにrtableは使ってはなりません。!!
　これは15年前、HTML4.01が勧告されて以来の最大のポイント

No.3 回答者： nana_coco 回答日時： 2015/06/26 12:03

こんにちは。

まず、何故途中で切れてしまうのか原因を探す必要があると思います。
画面を狭めて行くと途中で切れると言う事は、内容物の幅がその画面サイズより大きいからではないでしょうか？
内容物の幅を指定を例えば6８0pxなど固定ピクセルで指定されていませんか？

No.2 回答者： nitto3 回答日時： 2015/06/26 10:43

最初にセンターを宣言しておけばいいです。

途中何かを宣言した場合は必ず終了宣言をしないとだめですよ。

No.1 回答者： bravo-z 回答日時： 2015/06/26 10:20

ホームページ初心者ですが、私も同じ悩み（？）を持ちました。

私が考えた方法
（１）左右のマージンは設定せず、すべてcenterで表示する。しかし、画面を広くするとテキストの1行がやたら長くなってしまいます。そこで
（２）画像やテキストをテーブル（表）の中に入れて、テーブルをcenterで表示する。テーブルの枠線は０にする。画面をテーブルより狭くすると切れてしまいますが、（１）より良いのでこれで我慢しています。

初心者の浅知恵ですが参考になれば幸いです。