ホームページの表示について

質問

今、ネットショップのためにホームページを作成しているのですが、
壁にぶつかりました。作ったページをブラウザで表示させてみたのですが
納得のいく表示が得られません。表示方法の問題ではないかもしれませんが、例えば、
http://www.hiragamasahiko.jp/
のようにまず背景があり、メインの表示が中央にくるようにしたいのですが
http://www.rakuten.co.jp/auction/
のように背景がなかったり、メインの画面が左によっており、画面の右２割
程が空白になってしまいます。（書式設定でいう左揃えみたいな感じ）
どうにか中央にもっていきたいのですが・・・。

非常に説明が分かりにくくて申し訳ありませんがよろしくお願いします。
ちなみにホームページビルダー11を使っており、ブラウザはIEで確認しました。

回答No.3

tb210 · ベストアンサー

tb210です。何となく伝わったみたいで良かったです。
さて、【１】のセンタリングですが、この質問のポイントだったんですね。

例えば、表を挿入してその表の中をクリックしてセンタリングボタンを
押すとそのセルがセンタリングされますね。そうではなくて、
表の外側、具体的には右側しかクリックできないですね。
表そのものが左寄せになっていますから。
■－－－■
｜　　　　｜　　＊この辺をクリックすると表が選択されます。
｜　　　　｜
■－－－■
このような状態でセンタリングボタンを押してください。
表そのものがページのど真ん中に移動し、言われているように
表の左右に余白ができるはずです。
次に、この表の横幅を例えば800とかに設定してみてください。

お礼

いろいろありがとうがざいました。
教わった通りにあれこれやってみます！

回答No.2

tb210

tb210です。何となく言われていることが分かりました。
が、ビルダーでは中央でもIEでは左に寄るというのがよく分かりません。
ビルダーのアップデートとか一応確認してみてはどうでしょう。
私の場合もビルダー１１を使っています。

で、作り方なんですが、
【１】白紙の状態から、一列一行の表を挿入。この時、表の外の右を
クリックしてセンタリングします。で、この表の幅を例えば800とします。
つまりここで挿入した表は表としてではなく、ホームページのレイアウト
を整えるために使うものです。このようにしておけば、言われているように
ページはセンタリングされ、表の横に余白ができるはずです。
【２】段組にしたい場合は、【１】で作った表の中に段組にしたい
分だけ列を挿入します。例えば、3段組にしたい場合は、3列×複数行
ですね。つまり、表の中に表を入れることになります。
ここで挿入した3列の列幅のセル幅を指定します。
例えば左から150、500、150という具合に。これで段組ができあがります。
【３】ページのタイトルを作りたい場合。
段組の上にページのタイトルを作りたい場合は、【２】の時に一番上の
セル３つを結合すればタイトル部分として利用できますね。

さらに、メニューなどを入れる場合は【２】で作った段組の表の中に
さらに表を挿入します。
このように表の中に表を挿入することによってレイアウトを整えます。
何となくおわかりいただけたでしょうか。

お礼

ホントに親切に対応していただきありがとうございます。

tb210さんすごいですね。
うっすらたイメージがつかめました。ただ私の勉強不足で、もう少し勉強
してからこれを読めばもと分かると思います！
お手数ですがもうひとつだけ質問させてください。上の【１】で「表の外の右をクリックしてセンタリング」というのは具体的にどのようにするのでしょうか？

回答No.1

tb210

私もいろいろとネットショップも含めてホームページを作っていますが、
sariban33さんの言われていることがよく分かりません。すいません。
私が作ったホームページは
http://www.tanakaseimen.com/
http://www.souanji.com/
http://www.dinah1947.com/
http://www.yosakoimizuma.com/
http://www.thunderbirds.jp/
こんな感じですが、モデルとなるようなページを言ってもらえば
話が通じやすくなると思います。

お礼

早速のご回答ありがとうございます。
そうですよね。分かりにくいですよね。

ホントに説明しづらいのですが、tb210さんの作られたホームページの全てが私の作りたい感じなのです。
例えばtb210さんのhttp://www.tanakaseimen.com/は両サイドに余白がありますよね。しかし私の場合、ビルダーで作っているときはいいのですが、IEで確認すると左にはまったく余白がなく、右側のみに広い余白ができてしまうのです。なのでパッと見た感じ左にずれて見えるのです。tb210さんのホームページすべてがきちんと左右の余白が均等に感じます。

まだ分かりにくいかもしれないのですが何かアドバイスをいただけますでしょうか。