• 締切済み

ページ全体を中央に表示させるには?

HPビルダーVer.7で作業していたのですが、どうにも思い通りの表示にならなくて困っています。 作成したページをI・Eで確認すると左上が基準になって、右側が空白になってしまい、デザインが悪くなってしまいます。 I・Eで開いたウインドウの幅に影響されずに(といっても、狭すぎるときは切れてしまいますが)常にセンターに表示させるにはどうすればいいのでしょうか?(たとえばGooのページは開いた幅いっぱいに表示されていますが、Yahoo!Japanのページはセンター表示になっていると思います。) もし、HPビルダーでできないのなら、いま少しスタイルシート(CSS)を覚えてみようと思っていますので、ここで作ったボックスで(ボックスをセンターに表示することは出来ました)、ボックス内の任意の場所に画像を添付する方法を教えていただけないでしょうか?よろしくお願いいたします。

みんなの回答

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.3

 #2です。どうも内容をご理解頂けなかった様で・・・  申し上げたいのは、参考サイトの内容をご理解頂きたかったのですが、・・・  つまり例示で言うと、お困りの内容は、次の2つのページの違いのようなことだと言うことなのではないですか。なお、yahooは、この前者に近いことをやっています。 【中央にあわせたい場合のページは】 <html><head> <title>中央あわせ</title> </head> <body> <table bgcolor=#ffff33 align=center><tr><td> ここから・・・・<br><br><br><br><br> これは、中央にあわせた場合<br> <br><br><br><br><br> ここの間に、本文を書きます </td></tr></table> </html> 【左寄りに表示されるページの場合は】 <html><head> <title>左寄り</title> </head> <body> <table bgcolor=#ffff33><tr><td> ここから・・・・<br><br><br><br><br> これは、左に寄った場合<br> <br><br><br><br> ここの間に、本文を書きます </td></tr></table> </html>  この両者の違いを理解して頂ければ問題は解決すると思います。  なお、タグについては、下記サイトをご参考に↓ http://www.tohoho-web.com/html/table.htm  さらに老婆心ながら、スタイルシートを習うなら、その前に、HTMLタグを習うのが順序でしょう。

avanti
質問者

補足

ご丁寧な説明ありがとうございます。 大前提として書いておかなければならなかったのですが、 HPビルダーにおいて、「標準モード」ではなく「どこでも配置モード」にて作成しております。 ページサイズは750×900です。 そのページのサイズいっぱいに写真をレイアウトし、写真の上にテキストを重ね、完成させてブラウザで確認するとページ全体が画面の左上に寄って表示される、という現象です。 750×900のページ全体を、中のレイアウトを変えずにブラウザの中心に表示させたいという、その方法がわからないという、そういう質問だったのですが・・・ そうでなければ、いっそのこと標準モードで、写真を重ね合わせたり、写真の上にテキストを重ねたりする方法があれば、それを教えていただければ、と思うのですがどうでしょう? こんな質問をしている私がアホ過ぎるのでしょうか?

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.2

 例えば、ページを1行1列の table の枠内に作り、テーブルの属性で中央揃えにし、枠線は表示しないようにします。↓ http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb0345 http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb0262  タグを直接打ち込むことが可能なら、こちらが参考になりませんか↓ http://www.tohoho-web.com/how2/layout.htm#center

参考URL:
http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb0345
avanti
質問者

補足

回答ありがとうございます、私の言いたいことはまさに http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb0345 のようなページで、上下の黒い帯が左側から伸びていて、途中で切れていますよね、 右側に余白が出来ているのですが、これをセンターに表示したいのです。 左右の余白を均等にしてブラウザのセンターに コンテンツが表示できるようにしたいのですが・・・

  • natatin
  • ベストアンサー率50% (1322/2599)
回答No.1

標準モードで中央揃えで 出来るのでは 画像は 表作成で 表の中に入れればできます ビルダーのマニュアル本を読まれた方が良いと思いますが!

avanti
質問者

補足

>標準モードで中央揃えで 出来るのでは それはページの中のレイアウトのことでしょうか? ページ内のレイアウトには問題ありません。 画像は大きさがまちまちで、配置もさまざまなので、 表の中に納まるような状態ではありません。というか、 ページ全体が画像の集合体なのですが。(テキストはありません) ビルダーで作ったサイズ(たとえば640×480)を、 あとでもっと大きいサイズのモニタで見たときに、生じる余白が右側に大きくスペースがあいて、コンテンツが左側によってしまい、みっともない状態なのですが、理解していただけますでしょうか?

関連するQ&A

  • 作ったページを中央に表示されるようにしたいのですが・・・

    ホームページビルダー9を使わせていただいています。ホームページを作ってみてるんですが、ホームページをブラウザで表示した時に、yahooなどのように、ページの文字や画像等を、画面の中央に表示されるようにするにはどうやればできますか??今は、自動的に、左上に寄って表示されるようになってまして、右側は余ってしまっている状態です。どうすれば真ん中に表示されるようにできるのかわかりますか?また、ホームページビルダーの機能で設定できるのかも是非教えて下さい。調べてみたんですが、どうしてもわかんなくて・・・

  • ページ全体を中央に表示したい

    ページ全体を中央に表示したいので 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
  • HPのページ全体をFlashにしたい場合

    HPはHPビルダーで作っています。 簡単なFlashのファイルを今までビルダーに組み込んでいたのですが、ページ全体をFlashにしたい場合(例えばディズニーとか、コカコーラのページのように)、幅などどうやって設定したらよいのでしょうか? 使っているのはSwishで、ムービーの縦横の幅を選ぶところがあります。 そこでどうやって設定したら、どのHPでもちゃんと表示されるようになりますか?

  • フレームで囲まれたページが表示しない

    ホームページビルダー7で作成したHPをFFFTPでアップしたのですが、フレーム(左と上)に囲まれたページが1ページだけ空白になって表示できません。 どうしたらよいでしょうか? よろしくお願いします。

  • 作成したフレーム付きHPを中央に表示させるには?

    フレーム付きのHPを作成したのですが、全体的に左上方向に寄ってしまいます。改善するいはどうすればいいんでしょうか? . HP制作初心者です。 HPビルダー15にて、初心者にも拘らず、フレーム付きのHPを作成いたしました。 転送してみて分かったのですが、HPが、全体的に左上方向に偏ってしまいました。(添付画像参照) ビルダーにて作成中は、HPページ表示範囲が示されているので、大体真ん中になるように作成したつもりなのですが、 アップロードしたら、希望とは異なるようになっていました。 フレームをつけたHPでも、中央あたりに表示されるようにするには、どのような編集をすればいいのでしょうか? 宜しくお願いいたします。 添付画像は、ブラウザに表示されたままのものを貼り付けると、宣伝目的と思われるかもしれないと思い、 黒い透かしを入れて添付させていただきました。見難いかもしれませんが、宜しくお願いいたします。

  • 常に中央表示にするには?

    はじめまして、初心者です。 質問ですが、ドリームウィーバーとか(ホームページビルダー)でフレームを使用したページを作った時、常に中央に表示させたいのですが?  そのままで作成すると、左によったページになるのです。HTMLのタグとかを書き換えるのでしょうか?そのときは、どこをどのようにすればよいのでしょうか?お願いします(良い作成HPとかありましたら、教えてください) 例えば、下記のようなフレームサイトを作成した時(分かりずらくてすいません) ---------------- TOP AAAAA ---------------- a  | aiueo i  | u  | e  | o |

  • トップページのリンク表示について

    質問させて頂きます ホームページビルダーにてHPを製作中なのですが トップページの左下に各ページのリンクが出てしまうのですが。。 例えて言えば以下のページの様な感じです 左下に各ページのリンク表示が出てしまっています http://e-238.hp.infoseek.co.jp/ これを表示しない為にはどうすれば良いでしょうか? よろしくお願い致します

  • ビルダー12でこんなぱページを作りたい

    ビルダー12で以下のようなページを作りたいです。 http://www.tsukune.net/ まず新規作成(恐らくどこでも配置モードではなく標準モード) でページをつくるのですがページの幅をどれくらいに設定すれば いいかわかりません。 あとこのページはセンターに表示されますがこれはどうやったら いいのでしょうか?

  • ホームページのページ全体を中央へ表示する方法を教えて下さい

    ホームページの作成に遅まきながら取り組んでおります。ビルダー12の「どこでも配置」を使って画像などを複数貼り付けながら作成したのですが、ページ全体が左寄りになってしまいました。 そこで、過去にも同様の質問をされた方々の御回答欄を参考にさせて頂きながら 1.ファイル→モードを指定して開く→標準モードへ変換。このファイルに対して<CENTER>や<text-align:center>、<margin-right: auto;margin-left: auto;>を試したのですがうまくいかず、2.全体を選択して切取り→1行1列のテーブルを配置→そこへ張付け。それに対して上記のタグを同様に試したのですが、テーブルだけが中央に動くだけで、これもダメでした。 各Layerの位置決めが「absolute」になっているのが問題かと思い、各Layerを「relative」へ変換したら、見事に飛び散ってしまいました。 ページを中央へ表示させる方法をご存じの皆様方のお知恵を賜りたく、ご教授頂きます様、何卒宜しくお願い致します。

  • ホームページビルダーで作成したウェブページのセンタリング

    ホームページビルダー11のどこでも配置モードでサイトを作成しています。ページ幅は800ピクセルで現状左に寄って表示されるため、ワイド画面のPCでは右側に大きく余白ができてしまい、見栄えがよくありません。 ネットでいろいろと調べていたところ、サイト内のcssファイルにあるタグを書き足すことでセンタリング表示されるということだったのでやってみましたが、何の変化もありませんでした。 ホームページビルダー11のどこでも配置モードで作成したサイト(ページ)をそれほど手間をかけることなくセンタリングする方法をご存知の方がいらっしゃいましたら、どうかお教えいただけないでしょうか?

専門家に質問してみよう