• ベストアンサー

ホームページ全体のセンタリングについて

超初心者なので、呆れずにお答え頂けると幸いです。 CSSでサイト全体を中央に配置しようとしているのですが、いろんなタグを打ってもまったく成功しません。 タグを打つ場所が悪いのでしょうか? 具体的にどこへタグを挿入すればいいのか、教えて頂けると助かります。 環境はWin7、ブラウザはIE11、グーグルクロムです。

質問者が選んだベストアンサー

  • ベストアンサー
  • whijiki
  • ベストアンサー率50% (3/6)
回答No.3

すいません、大きなミスをしてました。 ついでに<center>タグを使ったときと <table align=center>を使ったときの 表示の違いを画像にしてみたので やりたい方の表示を参考にしてください。 tableタグの正解↓ (tr td を使ってセルを指定しないといけないのと、 widthを使って幅を%か数値で指定するのが抜けてました。) <html> <body> <table align="center" border="1" width="50%"> <tr> <td> <br> ページの内容<br> ページの内容を記述します。<br> <br> </tr> </td> </table> </body> </html> また、テーブルの中に<center>タグを使って その部分だけ中心寄せにできます。 <center> 中心にしたい部分</center> でできます。 …なんかミスってしまったのでややこしくしてしまってすみません。

beringia
質問者

補足

ご回答ありがとうございます。 ファイル作成の時だけMicrosoft Expression Web 4を使っていて、その後はすべてFC2のファイルマネージャーでコードを直書きしております。 テンプレートなどは使っていません。 ちなみにサイトは、ごくごく簡単なテキストファイルばかりです。 ご参考になりますでしょうか。 よろしくお願いします。

その他の回答 (2)

  • whijiki
  • ベストアンサー率50% (3/6)
回答No.2

ちょっと細かい指摘になってしまうのですが、 開発環境としてもうひとつ、 「ホームページの記述をどうやって(どのソフトで)しているのか」 を補足しないといけないと思います。 前の方が言ってくれてる、 >body そのものに、text-align:center; じゃ駄目なの? これは、もしdivタグとかに位置指定がかかっている場合、 bodyそのものに入れたcenter指定を無視して divタグの位置指定が優先してしまうと思います。 (日本語むずかしいな、わからなかったらもう少し詳しく言うので聞いてくださいね) で。 超初心者ということですので、 ホームページビルダーやDreamweaverをお使いかもしれません。 その場合、bodyそのものへのCSS記述や bodyの直下に入れた<center></center>を 無視してしまう位置指定が勝手に含まれる場合があります。 テキストエディタでソースコード直書きの場合でも、 途中のコードをどこかからコピペした場合 コード内に位置指定が含まれていることに気づいてないかもしれません。 いちからすべてテキストエディタに直書きした場合で、 他に「Divタグなどの位置指定が含まれていない場合」なら、 「その1」 >body そのものに、text-align:center; じゃ駄目なの? これでもいいと思います。 (これだとtext-alignなんで、 厳密に言うならテキストのセンタリング指定ですね) 「その2」 bodyタグの直下に<center> ページの最後、</body>の直前に</center> 記述するなら、 <html> <body> <center> ページの内容 </center> </body> </html> 「その3」(CSSじゃないけど、ページ作るだけなら初心者さんにおすすめ) または、ページ全体に大きくテーブルタグを組んで、 <table align="center">(これらはCSSじゃないですが) http://www.tagindex.com/html_tag/table/table_align.html ※特にCSSにこだわりがない場合、超初心者の方にはこれがまずおすすめです。  位置指定が重なるのを回避しやすく、ボーダーを外すと位置指定が視覚化できるからです。  CSSを学習中とかCSSを使ったテンプレートを使用してたら使えませんね^^;; <table border="0">これでテーブルの枠がなくなるので、 記述するなら <html> <body> <table align="center" border="0"> ページの内容 </table> </body> </html> テーブルタグの解説はここ http://www.tagindex.com/html_tag/table/index.html 「その4」 同じくページ全体をDivタグを使ってセンタリングする。 http://www.css-lecture.com/log/css-beginner/026.html などで対処できると思います。 上記の方法でダメなら、今一度、 ・何のソフトを使って作っているのか ・テンプレートを使ったか、またはソースコードをどこかからコピペしたか を教えてください。 Webやりだして10年以上になるので、 わからないことばを使っている可能性があります。 わからない表現があれば遠慮なく聞いてください。

回答No.1

body そのものに、text-align:center; じゃ駄目なの? http://www.1uphp.com/con2/layout/bodycenter.html

beringia
質問者

お礼

ご回答ありがとうございます。 が、駄目でした~;; せっかくご回答いただいたのに、申し訳ありません。 お気持ちだけありがたく受け取らせていただきます。 ありがとうございました!

関連するQ&A