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

このQ&Aのポイント
  • ネットショップのためのホームページを作成中に表示方法の問題にぶつかりました。
  • 作成したページをブラウザで表示させても納得のいく表示が得られません。
  • 背景やメインの表示位置について調整したいのですが、具体的な方法がわかりません。
回答を見る
  • ベストアンサー

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

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

質問者が選んだベストアンサー

  • ベストアンサー
  • tb210
  • ベストアンサー率38% (21/54)
回答No.3

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

sariban33
質問者

お礼

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

その他の回答 (2)

  • tb210
  • ベストアンサー率38% (21/54)
回答No.2

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

sariban33
質問者

お礼

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

  • tb210
  • ベストアンサー率38% (21/54)
回答No.1

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

sariban33
質問者

お礼

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

関連するQ&A

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

    今現在ビルダー11でホームページを作っているのですが、標準配置モード、スタイリッシュエフェクトを使って作ったとき、表示が左に詰まります。 http://www.sakura-surf.jp/  ←例えばこんな感じです。 http://www.hiragamasahiko.jp/やhttp://www.tanakaseimen.com/のように きちんと中央に表示させる方法を教えてください。 スタイリッシュエフェクトを使用しない場合はなんとかうまく表示できそうですが、スタイリッシュエフェクトを使いたいと考えております。 またこの現象はビルダーの画面では、白い余白もできず画面いっぱいに、しかも中央に表示されるのに、ブラウザ(IE)で確認すると左によってしまいます。 あと思ったんですけどビルダーの製作画面とブラウザで表示させる場合の画面のサイズって違いますよね?(ブラウザの画面の方が大きいですよね) 説明が分かりづらくて申し訳ありませんがよろしくお願いします。長文失礼しました。

  • ホームページ・ビルダーの表示画面について

    お世話になります。 ホームページ・ビルダー 8を使っています。 ページを作成して、ブラウザで確認してみると画面が左に寄ってしまうのですが、これを中央にすることはできますか。ページ編集の画面では真ん中なのですが。 宜しくお願いします。

  • ホームページのポップアップメニュー作成について教えてください。

    ホームページのポップアップメニュー作成について教えてください。 ホームページを作成しているのですが、トップページのメインメニュー1から6を横並びにして画面の中央に配置・表示し、そのメインメニュー1つずつに対してポップアップメニューを作成しました。IEで確認するとメインメニュー1から6のそれぞれの下にうまく表示するのですが、FireFoxで確認すると左端からポプアップメニューが表示されてまいます。なぜ、IEとFireFoxでは表示が異なってしまうのでしょうか?またFireFoxで上記の表示方法が可能でしょうか? 自分の希望としては、画面の大きさやブラウザが違っても中央に表示してほしいのですが・・・・ 簡単に作成する方法を教えていただければ助かります。 作成にはホームページビルダー14を使用しています。

    • ベストアンサー
    • HTML
  • ホームページビルダー7で作ったホームページの編集

    「ホームページビルダー・7」で作ったホームページがあるのですが、 ワイド画面のパソコンで表示すると左に片寄ってしまいます。 中央に表示させたいのですが方法がわかりません。 何方かご教示いただけないでしょうか?

  • IEにてメインメニューが縦表示になりました。DreamweaverCS3使用

    DreamweaverCS3を使ってホームページを作っています。 初心者のため、ここでいろいろ質問しながら作っています。 アップしたホームページがブラウザの左よりだったため、 アレコレしてCSSのmargin: auto;にしたら、 一気に中央表示されたのですが、 FirefoxとOperaではバッチリ表示されるものの、 上部にメインメニュー群、左側にサイドバーとしているのですが、 IE6やIE7では、メインメニュー群が画面真ん中に縦一列となってしまい、分からないながら、戻そうとしても戻せません。 本来ならば、メインメニュー群は横一列にあるべきなのに、 IE6やIE7でだけ縦に表示されます。 ヘッダーロゴの下側に8つのメインメニュー群があるのですが、 現状は、ヘッダーロゴ下の中央から縦に8つ並んでおります。 戻し方ならびにブラウザの中央表示について教えて下さい。 宜しくお願い致します。

  • ホームページビルダー 空白の入れ方

    こんばんわ、ホームページビルダー14の体験版でホームページの作成中なのですが文字の後ろに空白が入らず困ってます。           ABC        □□□□□□ABC        ABC□□□□□□ ↑のようにしたいのですが、すべて中央揃えで□は空白です。2段目は出来たのですが3段目のように文字の後ろに空白を入れることが出来ません。 作成中はちゃんと形になっているのですがプレビューで見ると空白が無視されています。 中央揃えにした理由はブラウザで表示させる左に寄ってしまって右側に無駄なスペースが出来てしまったからです。 作成はスタンダードの標準モードです。 ホームページ作成初心者でして分かりやすく教えて頂けないでしょうか? 他に良い方法があればお願いします><

  • ホームページビルダー10で

    こんにちわ 今ホームページビルダー10でホームページをつくっているんですがある程度ホームページができてきたんですが 【ホームページが中央にこない】んですが どうしたらいいですが? 詳しくいうと ホームページをつくりました⇒ブラウザでみたら『ホームページ全体が左に寄ってる・・』⇒中央にしたいということです 説明が少ないと思いますがよろしくおねがいします

  • ホームページビルダー ipad

    こんにちは。ホームページビルダーを使ってホームページを作っています。 pcでは問題なく作成したものが表示されます。 ただ、iPadで表示すると、メインメニューのところは、左右画面端までメニューがないところは、黒色のバーが伸びているのですが、下の、copyrightのところの、黒色のバーは、途中までしか伸びておらず、 また、メニュバー上にあるメインの画像の左右も、右側に大きく空白があって、画面向かって左がわには少しの空白しかない状態で、全体的に、左よりになってしまいますが、解決方法はございますか? 因みに、携帯用一括変換でやっても、同じ問題でした。 よろしくお願いします。

  • ホームページビルダーV9で、ホームページを作ろうとして、四苦八苦してい

    ホームページビルダーV9で、ホームページを作ろうとして、四苦八苦している者です。 (1)「どこでも配置モード」でホームページを作成する際、編集画面右上の「ページサイズ」には何か意味があるのでしょうか?例えば一番適切なサイズのようなものがあるんでしょうか? (2)「どこでも配置モード」で作成したページをブラウザ上で表示確認すると、すべて左詰めで表示されてしまいます。ソフト上の表示と同じように、きちんと中央に表示するには、どうしたらよいのでしょうか?

  • HP製作でアドバイスお願いします

    ページをブラウザの中央にもっていくことは、出来ないのでしょうか。 というご質問です。 HPビルダー11を使ってページを作っています ほとんど出来ました。 プロバイダを通してネットで確認してみると、左よりに成り、右が空白になります。 製作しているときは、中央にページが有りましたが ?? いろいろ試しましたが、解りません ブラウザの中央にもっていくことは「ホームページ・ビルダー」では 出来ないのでしょうか。 アドバイスよろしくお願いします。

専門家に質問してみよう