- ベストアンサー
ページ全体のセンター出し
DreamWeaver CS3を使用しています。 ページ全体のセンター出しのやり方がわかりません。 わかる方教えて下さい。
- BullRider
- お礼率40% (18/45)
- ホームページ作成ソフト
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ページ全体のセンター出しというのは 以下のサイトのようなデザイン上の配置ということでしょうか？ http://www.rakuten.co.jp/ http://www.yahoo.co.jp/ もしそうでしたら、CSSを使い以下の手順でセンタリング可能です。 １．センタリングしたいボックス(div id="header"など)を用意する ２．用意したボックスに対して width: 適当;とmargin: 0 auto;を指定する。 サンプルコード： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> <style type="text/css"> #box { margin: 0 auto; width: 760px; height: 300px; background: #ccc; } </style> </head> <body> <div id="box"> <p>センタリングされたボックス</p> </div> </body> </html>
その他の回答 (1)
- Tasuke22
- ベストアンサー率33% (1799/5383)
ページ全体のセンター出しの意味が分かりませんが、 もしかして左右に余裕を持たすなら次の方法が使え ます。 次の表を作成する。 罫線の太さゼロ、セル数１、幅95%（好みで）、 センター表示。 この表の中にコンテンツを書く、というのは目的に 合っているでしょうか？
お礼
出来上がったページ全体をセンターへという意味だったのですが、 当方の説明不足により申し訳ありません。 でも一から作成する場合はこういった方法も使えるという事ですね。 勉強になりました。
お礼
まさにこのcssを使用しての方法が知りたかったのです。 助かりました。ありがとうございました。