コンテンツを中心に持ってくるためには？

質問

http://somenoone.co.za/blog.htmlでご覧いただけるように、中心にコンテンツを配置したいのです。tableを使っているわけではないようですし、外部CSSで定義しているのでしょうか？

ぜひ、分かる方、教えてください。

回答No.4

d-_-b_kenken · ベストアンサー

左右の中央寄せだけなら、スタイルシートでbody要素に
margin:0 auto;
を指定すれば中央に配置されます。

上下左右、常に画面中央に配置させるには、配置させるボックスのサイズを固定サイズにした上で、スタイルシートで
position:absolute;
left:50%;
top:50%;
と指定し、更に
margin-leftでボックスの横幅の半分をマイナスで指定
margin-topでボックスの高さの半分をマイナスで指定
すればいいと思います。

例：
#container {
width: 700px;
height: 500px;
position:absolute;
left:50%;
top:50%;
margin-left: 350px;
margin-top: 250px;
}

お礼

具体的な説明ありがとうございます。自分が調べた考え方とほぼ、一致するみたいです。ありがとうございました。

回答No.3

koutarou504

スタイルシートも使用されていますが、
<DIV align=center>～</DIV>
と HTML タグで表示位置を指定している箇所もあります。
また、「単に中心にコンテンツを配置」というだけならその記述でも実現可能なはずです。

ただ、コンテンツがあれこれとなってくると、そもそも「中央」という概念から変わってくるので
対応もいろいろ・・・。

参考URL：

http://www.tohoho-web.com/html/div.htm

お礼

divでalignの設定ができるんですね。設定にもいろいろ手法があるんですね。ありがとうございます。

回答No.2

noname#19206

CSSであれば参考URLのような感じでセンタリングを行えますね。

参考URL：

http://www.mozilla.gr.jp/standards/webtips0004.html

お礼

お返事ありがとうございます。default.cssで設定されている手法とはまた、別のやり方ですね。参考になりました。

回答No.1

3o-clock

cssですね。
default.css
で設定しています。

お礼

ありがとうございます。コードを読みこなすので時間がかかりましたが、分かったような気がします。