- 締切済み
ビルダーでウェブページをウインドウにあわせて常に中央に表示させる方法?
ビルダーでウェブページをウインドウにあわせて常に中央に表示させるには、外部cssでどのようにすればいいのですか?ちなみに左右マージンをautoにしたにもかかわらず、左端にくっついたまま。編集画面ではなぜか中央に表示されるのですが、プレビューまたは実際に転送後のページはやはり左端にくっついたままです。よろしくお願いいたします。^^;
- menichiro
- お礼率30% (3/10)
- ホームページ作成ソフト
- 回答数4
- ありがとう数13
- みんなの回答 (4)
- 専門家の回答
みんなの回答
- chapchapun
- ベストアンサー率44% (16/36)
既にBODYの設定のしてある外部リンクのCSSがある場合は、 CSSファイルを直接メモ帳などで開いて、 BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; RIGHT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BOTTOM: 0px; PADDING-TOP: 0px; TOP: 0px; TEXT-ALIGN: center; } ↑これをBODYの所に修正で入れます。 まだ作ってない場合は、メモ帳などで↑これを入れてファイルの拡張子を(.css)という拡張子に直して、リンクしてやればいいです。 そうすればよく見かけるセンター表示になります。 ちょっと古いですかね、この方法^^;
- abril
- ベストアンサー率69% (388/560)
「左右マージンをautoにした」というのはHTML文書構造中のどの部分ですか? ------------------- ■■■■■ ■ ■ ■ ■ ■■■■■ ------------------- 上記の「---」の領域をウィンドウ内(=body)、「■」の領域(コンテナブロック)を質問者様仰るところの「ウェブページ」とした場合、「■」に対して幅が定義された("width: 700px;""width: 80%;"等)上で、左右マージンの値が"auto"になっている必要があります。 ただし、IE6ではmarignプロパティに対する値"auto"が効きません。Firefox等、他の主なモダン・ブラウザ上ではこれだけでセンタリングになるのですが、IE6では先のバグの為無効になり左寄せのままですので、IE6用対策を更に施してやる必要があります。その内の一例として、親要素bodyに"text-align: center;"を追加するという手法があります。本来この"text-align: center;"は「インライン内容を中央揃えにする」という意味なのですが、IE6はこのプロパティを”正しくなく”実装している為、同様の結果(「■」全体がbodyに対してセンタリング)が得られ(てしまい)ます。 ただし、これを追加することで今度は"text-align: center;"の本来の役目により、「■」の内包するインライン内容(例えばテキスト部分等)も全てセンタリングされてしまいます。なので、これをまた「左寄せ」に戻してやる為に、「■」の定義に"text-align: left;"を追加してやる事が必要になります。 具体的な記述法はANo.2の方が挙げられている通りですのでそちらを参考にして下さい。 ※この"text-align: center;"のIEでの挙動については、下記の説明などが参考になるかと思います。 http://w3g.jp/css/text/text-align
- crepon133
- ベストアンサー率51% (399/776)
body { text-align:center; margin:0px; padding:0px; } #center-box { width:740px; text-align:left; margin:0px auto; padding:0px; } <body> <div id="center-box"> ここに本文 </div> </body>
- WebSurfer
- ベストアンサー率55% (33/59)
> 外部cssでどのようにすればいいのですか? ビルダーでどうすれば良いのかは知りませんが、外部 css ファイ ルでは以下のようにします。 margin-left: auto; margin-right: auto;
関連するQ&A
- ウェブページをウインドウにあわせて常に中央に表示させる方法
ビルダーでHPを作成しているのですが、ウェブページ(ベースとなる大枠)をウインドウにあわせて常に中央に表示させるために、外部スタイルシートで左右のマージンを自動(auto)にすると、とあるサイトに説明があったのですが、どうしてもプレビュー画面と、サイト転送後の実際の画面には中央に表示されず、左端にくっついたままです。編集画面では中央に表示されるのですが、どなたか教えてください!よろしくお願いします。
- 締切済み
- Windows Vista
- Flashをページ中央に表示させるには?
ホームページビルダーでホームページを作っていて 自作のFlashをページに載せることは出来たんですが、そのページを開いたときFlashが常に中央に表示されるようにしたいんですが できません。 ホームページビルダーの編集で、マウスでFlashの場所を自由に置くことはできるんですが、その場所に固定されてしまうため納得できません。 大きな画面でも、小さな画面でも、常にFlashをページ中央に表示させるようにしたいんです。 Flashを常に中央に表示させるには、どうすればいいでしょうか? よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダーのページ編集の表示
ホームページのテンプレートをホームページビルダー8で編集時 プレビューで正しく表示されますが、編集ページではヘッダーの画像などの位置が左右に大きくづれて表示されます。プレビューと同じように表示して編集したいのですがどうすればいいでしょうか教えてください
- ベストアンサー
- ホームページ作成ソフト
- HPビルダーで中央表示がしたいのですが・・。
HPビルダーで中央表示がしたいのですが・・。 どこでも配置を使って作ったHPが、左端がブラウザに固定の表示になってしまいました。 常に開いたブラウザの中央に表示されるようにするにはどうしたらいいのでしょうか。
- ベストアンサー
- ホームページ作成ソフト
- ホームページを中央に配置(表示)したい
ドリームウィーバーを使っています。作ったDivタグを中央に配置したいと思い、cssルールで、「ボックス」の「マージン」の左右をautoにしました。すると、safariではうまく中央表示されるのですが、firefoxでは左揃えになってしまいます。どうしたらいいか、教えてください。
- ベストアンサー
- ホームページ作成ソフト
- 常に中央表示にするには?
はじめまして、初心者です。 質問ですが、ドリームウィーバーとか(ホームページビルダー)でフレームを使用したページを作った時、常に中央に表示させたいのですが? そのままで作成すると、左によったページになるのです。HTMLのタグとかを書き換えるのでしょうか?そのときは、どこをどのようにすればよいのでしょうか?お願いします(良い作成HPとかありましたら、教えてください) 例えば、下記のようなフレームサイトを作成した時(分かりずらくてすいません) ---------------- TOP AAAAA ---------------- a | aiueo i | u | e | o |
- 締切済み
- ホームページ作成ソフト
- ホームページビルダーです 中央表示にしたいです
ホームページビルダーで作ってみましたが画面の左側に表示されてしまいます 全体を中央に持っていくにはどうしたらいいのか教えてください 3つのフレーム?にわけてあります 全体をこのまま画面中央(左右同じ余白)にもっていきたいです こちらです↓ http://loveair.jp/index2.html
- 締切済み
- その他([技術者向] コンピューター)
- ホームページを中央に表示するには?
初心者ですがホームページビルダーで作った自分のホームページを持ってます。 早速質問なのですが、ヤフーのトップページなどは左右に等間隔の余白があって、ページ全体がつねに画面の中央に表示されていますよね。 「お気に入り」のボタンを押して左側にお気に入り一覧を表示させてもページはつねに真ん中に表示されます。 文字のセンタリングではなくて、ページを中央に表示させる方法です。 私は左に寄せてページを作っているので、見ばえを良くするためにページを真ん中に表示させるのはどのようにしたら良いのでしょうか。 タグがあったら教えてほしいです。 お願いします。
- ベストアンサー
- HTML
- ページ全体を中央に表示したい
ページ全体を中央に表示したいので http://www.1uphp.com/con2/layout/bodycenter.html の通りにコードを張り付けたのですが、全体が若干左に寄ります。 どこを修正すればいいのでしょうか? body { margin:0px; /* ページ全体のmargin */ padding:0px; /* ページ全体のpadding */ text-align:center; /* 下記のautoに未対応用のセンタリング */ } #main { margin-left:auto; /* 左側マージンを自動的に空ける */ margin-right:auto; /* 右側マージンを自動的に空ける */ text-align:left; /* 中身を左側表示に戻す */ width:650px; /* 幅を決定する */ } この通り貼り付けました。
- ベストアンサー
- HTML
- java scriptを使ったwebページが表示されない
java scriptでwebページを作成し ホームページビルダーの newpageに表示してサイトに転送しました 画像が出てきません ビルダーのプレビューでは 見えたのですが この場合 どうするのが良いのでしょうか
- ベストアンサー
- JavaScript