- ベストアンサー
CSSのdivで、ページ全体をセンタリング出来ない
- CSSのdivを使用してページ全体をセンタリングする方法について質問させていただきます。
- ページ全体をdivで囲んだにもかかわらず、センタリングができない状況にあります。
- HTMLやCSSを修正することなく、最も簡単にページをセンタリングする方法について教えていただけないでしょうか。
- thanksv
- お礼率97% (689/704)
- ホームページ作成ソフト
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#contena { position: relative; /* 追加 */ margin-right: auto; /* 変更 */ margin-left: auto; /* 変更 */ text-align: center; height: 900px; width: 950px; } なぜこういう書き方をすればこういう表示になるのか、という、根本的な理由を勉強してないと、再編集できませんよ。 CSSのプロパティや値について、きっちり勉強する事をお勧めします。 CSSがわかれば、Dreamweaverでもホームページビルダーでも、手書きでも、 標準モードでもどこでも配置モードでも、おおよそ問題なく作れるようになります。 ------------------- 既に書かれていますが、「センタリング」には２つの意味（表示、レイアウト）があります。 ------------------- Dreamweaverやホームページビルダーのコードビューを表示して、エラーを確認、修正してください。 ・<div id="contena">の終了タグがありません。 ・最後のdivのstyle属性が終了していません。 ・最後のdivの開始タグが閉じられていません。
その他の回答 (1)
- naokita
- ベストアンサー率57% (1008/1745)
全体位置指定なので、それでは無理ですし、意味を理解してCSSを使っていないようですね・・・ そんな玩具で作ったものは使えませんので、作り直しましょう。 ----------------- 以下を表示したら、意味が分かると思いますが、 センターリングの意味が人によって違います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>タイトル</title> <style type="text/css"><!-- #contena { margin:0 auto; background:#EEE;width: 950px;} #contena2 { text-align:center; background:#FFC;width: 950px;} --></style></head> <body> <div id="contena">ようこそ</div> <div id="contena2"><p>コンテンツ</p></div> </body> </html> HTMLでは、DIVの中に、意味のある見出し<h1>や段落<p>などでマークアップした方が良いでしょう。
お礼
ご回答、ありがとうございます。大変参考になりました。
お礼
ご回答、ありがとうございます。大変参考になりました。