ベストアンサー

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

2016/05/15 05:57

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

beringia
お礼率33% (1/3)

CSS
回答数3
ありがとう数1

みんなの回答 （3）
専門家の回答

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

ベストアンサー

whijiki
ベストアンサー率50% (3/6)

2016/05/15 08:28 回答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> でできます。 …なんかミスってしまったのでややこしくしてしまってすみません。

質問者

補足 2016/05/15 10:35

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

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

whijiki
ベストアンサー率50% (3/6)

2016/05/15 07:53 回答No.2

ちょっと細かい指摘になってしまうのですが、開発環境としてもうひとつ、「ホームページの記述をどうやって(どのソフトで)しているのか」を補足しないといけないと思います。前の方が言ってくれてる、＞body そのものに、text-align:center; じゃ駄目なの？これは、もしdivタグとかに位置指定がかかっている場合、 bodyそのものに入れたcenter指定を無視して divタグの位置指定が優先してしまうと思います。 (日本語むずかしいな、わからなかったらもう少し詳しく言うので聞いてくださいね) で。超初心者ということですので、ホームページビルダーやDreamweaverをお使いかもしれません。その場合、bodyそのものへのCSS記述や bodyの直下に入れた<center></center>を無視してしまう位置指定が勝手に含まれる場合があります。テキストエディタでソースコード直書きの場合でも、途中のコードをどこかからコピペした場合コード内に位置指定が含まれていることに気づいてないかもしれません。いちからすべてテキストエディタに直書きした場合で、他に「Divタグなどの位置指定が含まれていない場合」なら、「その１」＞body そのものに、text-align:center; じゃ駄目なの？これでもいいと思います。 (これだとtext-alignなんで、厳密に言うならテキストのセンタリング指定ですね) 「その２」 bodyタグの直下に<center> ページの最後、</body>の直前に</center> 記述するなら、 <html> <body> <center> ページの内容 </center> </body> </html> 「その３」(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 「その４」同じくページ全体をDivタグを使ってセンタリングする。 http://www.css-lecture.com/log/css-beginner/026.html などで対処できると思います。上記の方法でダメなら、今一度、・何のソフトを使って作っているのか・テンプレートを使ったか、またはソースコードをどこかからコピペしたかを教えてください。 Webやりだして１０年以上になるので、わからないことばを使っている可能性があります。わからない表現があれば遠慮なく聞いてください。

ログインすると、全ての回答が全文表示されます。