yahooみたいに、画面を中央に寄せるやりかた

解決済

質問者：cyainu
質問日時：2005/02/08 11:38
回答数：3件

yahooに限らないですけど、よくサイトで左右に余白をつけて、画面を全体的に中央に寄せるやりかたあるじゃないですか。あれって左右に余白を設定するだけで、どんな環境でもつねに中央に画面を寄せることができるのでしょうか？ちなみに使っているソフトはDreamweaverMXとＭＸ２００４です。ＯＳはwindowsXPです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： noname#107787
回答日時：2005/02/08 14:28

CSSは各ブラウザによってバグがあるので面倒です。

１．CSS(スタイルシート)
<html>
<body style="text-align:center">
<div style="margin:auto; text-align:left;">
ここに内容を入れる。
</div>
</body>
</html>
---------------------------
margin:autoはIE以外のブラウザのための中央揃えです。

２．タグ（<div align="center">）
<html>
<body>
<div align="center">
ここに内容を入れる。
</div>
</body>
</html>
---------------------------
レイアウトはCSSで指定する事が推奨されてるんだけど、現時点では２の方が無難かな？

参考URL：http://www.mozilla.gr.jp/standards/webtips0004.h …

- 0
- 件

通報する

この回答へのお礼

cecterを使えばできるんでしたよね！思い出しました！２の方でチャレンジしてみますね。ありがとうございます！

通報する

お礼日時：2005/02/09 10:03

No.2

回答者： siteuma
回答日時：2005/02/08 12:01

中央寄せはcenterタグを使う方法やスタイルシートでtext-alignを指定する方法があります。

画面全体を中央寄せにしたいなら、body要素にtext-align: center;と指定します。
---------------------------
<html>
<head>
・・・
</head>
<body style="text-align: center;">
・・・
</body>
</html>
---------------------------
または、
---------------------------
<html>
<head>
・・・
</head>
<body>
<center>
・・・
</center>
</body>
</html>
---------------------------
この手の指定はスタイルシート推奨なのですが、
centerタグもまだまだ多く使われているようですね。
どちらもほとんど全ての環境で対応しているはずです。