• 締切済み

HTMLでページの余白を設定したい。

purplebossaの回答

回答No.2

フレームを使っていらっしゃるということで、 frame.html(フレーム情報ファイル)と1,2,3のhtmlという、4つのファイルから成り立っているかと思います。名前は私が与えた仮名ですのでお気になさらず。indexという名が恐らくフレーム情報ファイルだと思いますが、不確定なので名前を与えました。 左右に余白(マージン)を与えたければ、フレームの中にある1~3のhtmlに余白を与えます。 フレームで左側に配置されるhtmlは左側にマージンを、同じくフレームで右側に配置されるhtmlには右側にマージンを与えます。frame.htmlにマージンを与えてもフレーム非対応ブラウザで観覧した場合しかマージンは表示されません。 CSSを使ってマージンを与えるのが最も奨励的であると思いますから、その方法を紹介しているサイトを参考URLで紹介しています。ご一読くださいませ。この方法で<BODY>にスタイルを付ければページ全体のマージンとなります。

参考URL:
http://amo.versus.jp/hp/style/style4-10.html
donguri340
質問者

お礼

ありがとうございました!!

関連するQ&A

  • HPの両端に余白を入れたいのですが。。。

    HPを作成しています。 まだまだ初心者で分からないことがたくさんあるのですが、 ページの両端に余白を入れる方法がいくら調べてもわかりません。 言葉ではうまく説明できないのですが、 例えると『Yahoo!』のHPのように左右に余白があって 中央に内容を表示するということです。 よろしくお願いいたしますm(__)m

  • セル内の余白について

    http://www.kyoto-1-hotel.jp/index.htm 上記のHPのメニュー部分には余白が3POINT設定されているのですが自分で表を3段造って一番下だけ余白を入れようとすると3段全てに余白が入ってしまいます。スタイルシートのパディングでpointを3にしてみましたがセル内の余白が入りません 上記のHPの様にmenu部分にだけ設定する方法を教えていただきたいのですが、よろしくお願いします。

  • webページの上余白をなくす方法

    お世話になります。 webページ作成について困っております。 htmlで、ページ内の表中に画像を配置しています。表中の画像がそのページの一番上にくっついた状態(上部マージンなし)にしたくて、下記のようなタグをつけてみたのですが、わずかにまだ上に余白が残ってしまいます。 この余白を消して、ページの一番上から画像を表示させる方法を教えてください。 1.<body topmargin="0" marginheight="0"> この方法と、 2.スタイルシートで <style type="text/css"> <!-- body { margin: 0px; } --> </style> この2つを試してみましたが、わずかに上部に余白がのこってしまいました。 よろしくご回答お願いいたします。

  • フレームの両サイドに余白をつけたい

    HTML初心者です。メモ帳で作っています。 |   フレームA   | |___________| |     |     | |フレームB|フレームC| この様にフレーム3つで作っているのですが、 ある程度画面サイズが違ってもデザインが狂わないように、下のように余白を設け、その余白が画面サイズの違いを吸収するようにしたいのですが。   |   フレームA   |   |___________| 余白|     |     |余白   |フレームB|フレームC| どのようなタグを書けばよいのでしょうか? フレームの両サイドに余白ってできるのですか?

    • ベストアンサー
    • HTML
  • エクセルの余白のページ設定についてです。

    今エクセル2003を使っています。 エクセルの余白についてのページ設定を行っているのですが、 ページ設定の余白タブの下にページ中央というのがあります。 そこに、水平と垂直という欄があるのですが、 これは一体何なのでしょうか? これにチェックをつけると一体何がかわるのでしょうか? 私はエクセル初心者なので、よくわかりません。 わかりやすい説明お願いします。 すみません。

  • HTMLファイルの置き方による読み込み速度の違い

    初めてHPを作ったのですが、ファイルのまとめ方で分からないことがあります。今のファイルの階層は、 ├index.htm ├その他のフレーム用HTMLファイル ├スタイルシート ├imageフォルダ └フレーム非対応用フォルダ  ├フレーム非対応用imageフォルダ  ├フレーム非対応用HTMLファイル  └フレーム非対応用スタイルシート となっています。 しかし、フレーム非対応用のimageデータはフレームを使ったページとほぼ同じ物を使用しているので、フレーム用とフレーム非対応用のimageフォルダを1つにしたいと考えています。 また、index.htmでフレーム用とフレーム非対応用を分け、それぞれのフォルダにしたいと考えています。予定は以下のようにです。 ├index.htm ├imageフォルダ ├フレーム用フォルダ └フレーム非対応用フォルダ さて、そこで、疑問がわいてくるのですが、いままで、たった1つ下の階層にあったそれぞれのイメージファイルたちが、1つ上の階層の他のフォルダの中に移動されたら、読み込む際の速度はどうなるのでしょうか。 普通のダイヤルアップで接続してくる人たちを基準とした速度の違いを知りたいと思います。 いろんなHPや、本で調べては見たのですが、ファイルの置き方について見つけられず困っています。もし、そのようなことの載っている本やHPをご存知でしたら教えて頂けないでしょうか。 また、HPはまだアップする段階にいたっておらず、HPのアドレスはないです。 たいへん長くなってしまいましたが、どうぞよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • HTMLでページの幅を設定したい。

    こんばんわ。 HP作り初級のものです。現在自分の所属しているサークルのHPを作るべく頑張っています。HPビルダーなどは使わずに勉強をかねてHTMLを使って作っています。スタイルシートは使っていません。 そこで質問なんですが、テーブルの幅などは調整できたのですが、ページ全体の幅を固定する仕方がわかりません。例えるならばヤフーTOPページのような感じです。 本やネットでも探してみたのですが自分ではみつけられませんでした。ぜひお力をお貸しくださいm(__)m よろしくお願い致します。

  • ビルダーのフレーム分割したページについて

    ビルダー12でフレーム分割して作成したページを、 ブラウザに対して全画面で表示させるのではなく、中央揃えで常に70~80%で表示させるには、どう設定すれば良いのでしょうか? また、その余白部分(そのページ以外の部分)に適当な壁紙を表示させたいとも思うのですが、やり方がわかりません。 何卒、初心者ですので愚問かもしれませんが、どなたかお解りの方、 教えてください。宜しくお願いします。

  • ホームページビルダーでの表内部の余白設定について

    ホームページビルダーでの表内部の余白設定について 現在、ホームぺービルダー14を使ってホームページの作成をしています。表を用いたレイアウトにしているのですが、表内部の余白を設定する段階で、上手く設定できずに困っています。 ホームページビルダーでページや表の余白を設定するには、スタイルシートでパディングとマージンを0にするという情報を参考にして、ページとテーブル(表)の余白設定はできているのですが、セル(表内部)の余白設定がどうもうまくいきません…。スタイルシートでは、BODY、TABLE、TD、いずれも4方向余白ゼロに設定しており、ビルダーのプレデュー画面でもそれらの設定がちゃんと反映されています。 しかし、FireFoxやIEなどのブラウザで閲覧すると、なぜか表内部だけ余白が出てしまっています。 表内部の最上部に置いているのがFLASH素材であるため、当初はそれが原因だと考えていたのですが、試しに素材の上にテキストを入れてみたところ、やはりビルダーでは余白ゼロ(パディング、マージン0%)が反映されているにも関わらず、ブラウザでは表内部の上部に余白がでていました。尚、表内部の左右の余白は、ちゃんとゼロになっていました。 皆様のお力添えを宜しくお願い申し上げます。

  • ページの余白に印刷する裏技

    IEのページ設定で上から2cmを余白として設定してある場合で、スタイルシートなどで、それを無視して上部1cmから印刷させる・・・・なんてことはできないですよね? #無理かと思いつつ、質問してみました。 #あまりにはずれた質問なら無視して下さい。 (^^;

    • ベストアンサー
    • CSS