- ベストアンサー
ページのセンタリング
こんにちは。 自分のホームページを今作成しているのですが、 ホームページの「ページ自体」をブラウザの中央に 持ってきたいのですが、その方法がわかりません。 bodyの属性を変更するのでしょうか？ お分かりになる方、ご教授ください。よろしくお願いします。
- HTML
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
全体を<div>で囲み、横幅を固定して中央配置するのが一番良いでしょうね。 実際には <body> <div style="width:800px;margin-left:auto;margin-right:auto;"> 内容 </div> </body> といった具体です。 CSSによる「margin-left:auto;margin-right:auto;」の部分が全体を中央は位置する際の設定になります。 横幅を固定に設定する理由は、内容内でfloat処理による左端配置、右端配置をしている場合、ページの左端・右端に表示されてしまうのを防ぐためです。 また、上記設定はHTMLの最初にちゃんとDOCTYPE宣言をしてあげないとブラウザによっては適用されてない場合があります。 なのでHTMLの先頭に必ず <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> のようなDOCTYPE宣言を入れるようにしましょう。 DOCTYPE宣言はHTMLを作成する場合は必ず入れた方が良いです。 なお、<CENTER>で全体を囲ってしまった場合は、段落などalign設定がされていないものはすべて中央揃えになってしまいます。その場合は、すべての段落などに対して、align設定をしてあげないといけないので、現実的にはあまりお勧めはしません。
その他の回答 (2)
- abril
- ベストアンサー率69% (388/560)
> DOCTYPEの意味がよくわからないので、調べてみます^^ ぜひお調べになって今の段階で理解しておかれる事をお奨めします。DOCTYPE宣言は「入れた方が良い」というより「(X)HTML文書ならを記述するなら文頭に適切なものが宣言されているのが必須」のものだと思っておいて下さい。 IE6では左右marginのauto値は、後方互換モードでは常に"0"と算出されてしまう為、ANo.2様のご回答が有効になる為には、IE6が標準準拠モードになるDOCTYPE宣言を選択しておかなければなりません。言うまでもなく、HTML文書の内容自体もその宣言したDOCTYPEに則ったルールで記述されていなければなりません。 IE6が標準準拠モードになるのは、HTML 4.01 Strict（システム識別子有/無両方）、HTML 4.01 Transitional（システム識別子有）、XML宣言無のXHTMLの各ヴァージョンなどです。質問者様の実際のHTMLの内容がどうなっているのかわかりませんが、文面からしてかなりのビギナーの方と推測されますので、記述しやすいのはやはりHTML 4.01 Transitional（システム識別子有）（＝ANo.2様が具体的に書かれたものです）あたりでしょうか。 ※個人的には、最初からHTML 4.01 Strictで記述する（できる様になる）方が後々ステップアップする為には良いとは思いますが…
<body> <center> ここに内容 </center> </body> これでできます
お礼
すばやい回答ありがとうございます。 さっそく帰ってから試してみます(^^)
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
詳しい回答ありがとうございます。 DOCTYPEの意味がよくわからないので、調べてみます^^