ここから本文です

ホームページビルダーで全体を中央にするやり方を教えてください!

nqh********さん

2010/10/712:03:49

ホームページビルダーで全体を中央にするやり方を教えてください!

ビルダーはバージョン9です。標準モードです。
レイアウト枠を使うとどうしても全体が中央になりません。
こちらのサイトでも同じような質問がありましたので
いろいろ試してみましたが例えば<body>の下に<center>、
</body>の上に</center>を入れたりあとtext-align:centerも
入れてみましたが中央にはならないです。
一行一列の表の中に全てを入れて表自体を中央に設定しても
中にレイアウト枠が使われていると中央には寄らずレイアウト枠が
入っていなかったら中央に設定できます。
レイアウト枠なしでするしか方法はないでしょうか?
わかる方よろしくお願いします。

閲覧数:
731
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

dob********さん

2010/10/712:38:04

一般的なやり方は

1)1行目で正しいDOCTYPEを宣言する
2)センタリングしたい要素(*a)に以下のcss(*b)を追加する

(*a <body>の中)
<div id="contents">これがセンタリングしたい要素</div>

(*b)
#contents{
width:500px;/*任意の横幅*/
margin-right:auto;/*右マージンをauto*/
margin-left:auto;/*左マージンをauto*/
/* margin:0 auto; という書き方(ショートハンド)も出来る */
}

古いブラウザの事も考えるなら
追加で
body{
text-align:center;
}
#contents{
text-align-left;
}

を追加してもいい。

これをちゃんとやってもセンタリング出来なかったら
センタリングされないブラウザと
ソースコードを教えてください。

質問した人からのコメント

2010/10/14 13:29:32

詳しく教えていただいてどうもありがとうございました!時間がなかったので結局一行一列の表のなかに全部入れて中央に持ってきました。でもいずれはレイアウト枠ででもできるよう今度はソースコードを入れて質問してみますね。ありがとうございました!

あわせて知りたい

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる