- 締切済み
ページ全体を中央に表示させるには？
HPビルダーVer.7で作業していたのですが、どうにも思い通りの表示にならなくて困っています。 作成したページをＩ・Ｅで確認すると左上が基準になって、右側が空白になってしまい、デザインが悪くなってしまいます。 Ｉ・Ｅで開いたウインドウの幅に影響されずに（といっても、狭すぎるときは切れてしまいますが）常にセンターに表示させるにはどうすればいいのでしょうか？（たとえばＧｏｏのページは開いた幅いっぱいに表示されていますが、Ｙａｈｏｏ！Ｊａｐａｎのページはセンター表示になっていると思います。） もし、ＨＰビルダーでできないのなら、いま少しスタイルシート（ＣＳＳ）を覚えてみようと思っていますので、ここで作ったボックスで（ボックスをセンターに表示することは出来ました）、ボックス内の任意の場所に画像を添付する方法を教えていただけないでしょうか？よろしくお願いいたします。
- avanti
- お礼率70% (55/78)
- ホームページ作成ソフト
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- gura_
- ベストアンサー率44% (749/1683)
#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タグを習うのが順序でしょう。
- gura_
- ベストアンサー率44% (749/1683)
例えば、ページを１行１列の 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
補足
回答ありがとうございます、私の言いたいことはまさに http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb0345 のようなページで、上下の黒い帯が左側から伸びていて、途中で切れていますよね、 右側に余白が出来ているのですが、これをセンターに表示したいのです。 左右の余白を均等にしてブラウザのセンターに コンテンツが表示できるようにしたいのですが・・・
- natatin
- ベストアンサー率50% (1322/2599)
標準モードで中央揃えで 出来るのでは 画像は 表作成で 表の中に入れればできます ビルダーのマニュアル本を読まれた方が良いと思いますが！
補足
＞標準モードで中央揃えで 出来るのでは それはページの中のレイアウトのことでしょうか？ ページ内のレイアウトには問題ありません。 画像は大きさがまちまちで、配置もさまざまなので、 表の中に納まるような状態ではありません。というか、 ページ全体が画像の集合体なのですが。（テキストはありません） ビルダーで作ったサイズ（たとえば６４０×４８０）を、 あとでもっと大きいサイズのモニタで見たときに、生じる余白が右側に大きくスペースがあいて、コンテンツが左側によってしまい、みっともない状態なのですが、理解していただけますでしょうか？
補足
ご丁寧な説明ありがとうございます。 大前提として書いておかなければならなかったのですが、 ＨＰビルダーにおいて、「標準モード」ではなく「どこでも配置モード」にて作成しております。 ページサイズは750×900です。 そのページのサイズいっぱいに写真をレイアウトし、写真の上にテキストを重ね、完成させてブラウザで確認するとページ全体が画面の左上に寄って表示される、という現象です。 750×900のページ全体を、中のレイアウトを変えずにブラウザの中心に表示させたいという、その方法がわからないという、そういう質問だったのですが・・・ そうでなければ、いっそのこと標準モードで、写真を重ね合わせたり、写真の上にテキストを重ねたりする方法があれば、それを教えていただければ、と思うのですがどうでしょう？ こんな質問をしている私がアホ過ぎるのでしょうか？