• ベストアンサー

ページ下部に大きな余白が…

恐れ入ります。 ぜひ教えて下さい…m(_ _)m ホームページビルダー7を使っています。 ページ編集画面では問題ないのですが、 プレビューすると、いちばん下に大きな余白ができてしまいます。 解消する方法があれば、どなたかご教授いただけます でしょうか? 横に2分割した表(大)の中にすべての表、文字や イメージを入れて作っています。 左側にはさらに表を一つ入れてその中に文章、 右側には縦に表を3つほど入れて、そのいちばん下の ものの中に文章(小さい文字サイズで)をたくさん 打ち込んでいます。 その文字サイズと改行などのせいか表(大)の左側の 文章がかなり上の方で終わって、かなり空白ができる 状態でやっと、プレビュー画面で見て右側と左側の バランスがちょうど良くなります。 問題の、ホームページ自体の一番下にできる大きな 余白は、そのページ編集画面での左右のアンバランス さと、似たような高さのような気もするのですが、 属性変更の“セル”や“表”の高さの数値を変えて も、マウスでドラッグしてそれぞれの表のサイズを変えようとしても、大きな余白は消えません。 それどころか、あんまりいじると、今度は大きな余白が消えて、表(大)の中に大きな余白ができてしまいます。 どなたか解決方法をご存知の方、何卒アドバイスの程、よろしくお願い致します。

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

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

 慣れないと、ビルダーの編集画面で、表作成の細かいアレンジをするのはかなり難しいと思います。  むしろ、ある程度を「HTMLソース」で編集するほうが早いと思います。  例えばまず、下記のような骨格と成る枠組みを、「HTMLソース」で作って、それから追加の編集をしていかれたら如何ですか↓ <html> <head></head> <body> <table border=1 width=500 align=center> <tr> <td width="30%" height="100%"> <table border=1 width="100%" height="100%" bgcolor="#ffffcc"> <tr> <td valign=top>左の小表<br> ここの幅は、width="30%" で記述しました </td> </tr> </table> </td> <td> <table border=1 width="100%" bgcolor="#ccffcc"> <tr> <td>右の小表1 </td> </tr> <tr> <td>右の小表2 </td> </tr> <tr> <td>右の小表3<br> ここに文章をたくさん </td> </tr> </table> </td> </tr> </table> </body> </html>  なお、table タグについてはこちらなどをご参考に↓ http://www.tohoho-web.com/html/table.htm

参考URL:
http://www.tohoho-web.com/html/table.htm
Injected
質問者

お礼

ありがとうございます。 大変参考になりました!

その他の回答 (1)

  • s_hukami
  • ベストアンサー率66% (98/148)
回答No.1

その余白はTABLEによって生じる余白なのか、BODY内に標準的に表示される余白なのかによって、指定が異なります。 ブラウザでHTMLファイルを閲覧する場合には、必ずBODY内に余白が生じます。 また、TABLEタグの外側にも余白ができたりします。 そのため、そういった余白をタグで消す場合には、 TABLEならば <TABLE height="0" height="0"> BODYならば <BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> と記述します。 また、ホームページビルダーならばスタイルシートマネージャーでCSSを記述できます。 参考URLで解説されています。 全てのページにおなじCSSを利用する場合には、外部リンクの方が便利かもしれません。 BODYタグやTABLEタグなどに「margin: 0px」を指定すれば、周囲の余白が消えると思います。 もし、この方法で解決しない場合は具体的なソース(HTMLの簡易的なコードで結構です)を教えてくださると回答しやすいと思います。

参考URL:
http://www.wsb.jp/hpb/upsite/step3/s301.htm
Injected
質問者

お礼

迅速なご指導、ありがとうございました!

関連するQ&A

  • ページ設定について 左右非対称

    B4横サイズの表を作りました。 でも印刷プレビューでみたら、ページ設定のページ中央の水平にチェックいれてるのに、左側と右側の余白に違いがあります。左右とも0.5にしてるんですが。 どうしてでしょうか? また、ヘッダーとかフッダーなどの意味もよくわかりません。上下に何か文字を入れるときなどに使うものなんですか?日付とかを入れるという時に使うものなんですか? この表には他になにもいりません。 そういう場合、ヘッダーやフッダーの数値は0にしてもいいんですか?そうすれば、余白に影響してくるんですか? この変がぜんぜんわかりません。 エクセル2000です。 教えてください。

  • ページ下部の無意味な余白について

    こんにちは。 ただいまホームページを作っているのですが、ページ下部に意図しない余白が できて困っております。ソースはおよそ以下のような感じです。 <html> <body> //100行程度、visibility:hidden;を多用 EOF </body> </html> するとEOFの下に無意味な余白が行にして20行ぶんくらい出来てしまいます。 EOFの上に余白ならわかるのですが、下にできるというのが不思議です。 display:none;を使うと消えるのですが、レイアウトが崩れるため使用できません。 どうしたら余白を消すことができるでしょうか? よろしくお願いいたします。

  • HPビルダーでの無駄な余白。

    HPビルダーで下にスクロールしていくと、下部分に無駄な余白ができてしまいます。ページ編集画面では余白がないのにプレビュー画面にするとかなりの余白です。余白を消すにはどうすればいいのでしょうか?いろいろ試みたのですができません。急いでいます。分かる方いましたらご教示ください。よろしくお願いします。

  • 奇数と偶数ページでの余白を変える

    OpenOfficeを使っています。 奇数ページと偶数ページで、余白の幅を変えることは可能でしょうか? 奇数ページは左側、偶数ページでは右側の余白を広めにしたいです。

  • ホームページビルダーで作ったサイトの幅と余白

    ホームページビルダー8を使用しています。 困っているのは、他のサイトのようにパソコン画面左側に固定したお気に入りの欄を右に広げたり狭めたりしてサイトの画面の幅が変わる時に、私のサイトは常にその中央に位置しないということです。 お気に入りの幅を広げようとすると、最初から右側の余白だけが狭まり始め、左側は一定です。 例として(ヤフーなどより幅を狭く作っている)運輸会社さんのサイトがわかりやすいのでURLを記します。 http://www.kuronekoyamato.co.jp/ 運輸会社サイトは、お気に入りを広げても狭めても両側の余白の幅は変動するものの、常に左右対称の同じ幅です。 (そして、ある一定以上お気に入りを広げると、その段階で初めてサイトの右側が見えなくなり始めます。) ほとんどのサイトはこのようになっているとおもいますが、 私のサイトの場合は、どうしてこのように左右均等に余白ができないのか教えてください。 今のやり方は次のようにやっています。 Illustratorで下地のデザイン(簡単なグラデーションの壁紙のようなもの)を作り「Web用に保存」し、それをビルダーの「どこでも配置モード」で、「ページ編集」画面で一番最初に貼り付けて、その上にビルダーで文字を書いたりボタンを貼り付けたりしています。 「ページ編集画面」で、画面の左端合わせて自分の下地デザインを貼り付けると、ネット上でみた時に左側に全く余白がない状態になるので、わざと左側を約四センチくらい空けて、余白を作るようにして、下地デザインを配置しています。 でも、上記したようにこの約四センチの余白はお気に入りの幅が変動しても常に同じにしかならず、右側の余白だけが変動します。 よろしくお願いします。

  • ホームページビルダー ページの余白の色を白に戻す

    ホームページビルダー 8 でページを作り、アップできました。 その後、どこかを設定してしまい、ページの外側の余白の部分(横スクロールすると伸び縮みする部分) に色がついてしまいました。 元々は白だったのが、赤になりました。 ビルダーの「ページ編集」や「プレビュー」の画面では(余白は表示されないため)赤色はありません。 IE やFirefoxで見たときに現れます。 色々いじっているうちに、そのような設定をしたような記憶もありますが、どうやれば戻せるでしょうか?

  • 1ページごとに余白を変更できますか?

    Word 2010 を使用しています。システム手帳に複数ページにまたがって印刷したいのですが,右側のページと左側のページで,リングの位置が逆側に来ます。偶数ページと奇数ページの余白の大きさを設定して,1ページごとに余白の大きさを「右ページ用」,「左ページ用」,「右ページ用」,「左ページ用」…という具合に変えることはできませんでしょうか。

  • フレーム分割ページの余白・サイズ指定

    ホームページビルダー13(体験版)でフレーム分割ページを作成しています。 分割方法は、上部を真横に分割(タイトル部)、左側を、上部を分割した下から一番下まで(メニュー)。 最後に残ったところにメインコンテンツが表示されます。 そこでひととおり作成してみたのですが、どのパソコンで閲覧しても 横いっぱいまで広がってしまいます。できれば、右側に余白を作るとかして サイズを固定したいのですが、どのようにすればよいのでしょうか? このような分割方法ですとそもそも無理ですか?よろしくお願いいたします。

  • ページ下の余白をなくせない・・・

    GoLive csというソフトでホームページを作りはじめました。 下のようなホームページ↓ http://www.uchida-hp.com/ のように、上と下の余白を無くしたページを作りたいのですがどうしても下の部分の余白だけ無くすことができません。背景の色が表示されてしまいます。 ソフトのページのプロパティ設定で左右・高さのマージン設定を「0」にしていますがダメです。上の余白は無くなります。 レイアウトするテーブルやグリッドの設定を何か行なうのでしょうか? どなたか教えて下さい。 お願いします。

    • 締切済み
    • CSS
  • Word2003各ページごと設定方法

    A4の文章を1から6ページまで作成しました。A3用紙に「1と2」「3と4」というように並べてコピーし真ん中で折り込んで左端をホッチキスで留めます。そのため奇数ページは左側余白は25ミリで右側は10ミリ。偶数ページは左側余白は10ミリで右側余白は20ミリにしたいのです。ページ設定で余白を設定すると全ページに適用されます。ページごとに余白を設定することは出来ないのでしょうか。ご指導よろしくお願いします。

専門家に質問してみよう