締切済み

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

2005/12/02 16:15

ＨＰ作成初心者です。ＨＴＭＬとスタイルシートを使って作っています。画面の両端に余白を入れたいのですが、その方法がいまいちよくわかりません（++）フレーム？を使って３つのページを１ページとして表示させているのですが・・・その指示をどのページに入れたらいいのかもわかりません。 indexだけでいいのか・・それともその他のページにも設定するのか・・。どうぞよいアドバイスをお願い致しますm(__)m

donguri340
お礼率86% (207/240)

HTML
回答数6
ありがとう数6

みんなの回答 （6）
専門家の回答

みんなの回答

goulan
ベストアンサー率46% (23/50)

2005/12/06 00:19 回答No.6

他の回答者の方ともかぶるところがありますが。テキストがそれぞれのフレーム、またはウィンドウの幅いっぱいいっぱいになるのが嫌で、両端に余白が欲しいということだと解釈します。 css fileで、body{ margin-right:50px;margin-left:50px;}または、html body tag に、style="margin-right:50px;margin-left:50px;" と指定すれば、左右に50pxの余白がでます。フレームであっても同じです。フレームページ全てに指定します。css fileならば、head内にlink要素で指定すればokです。index（フレーム情報）には、いりません。単に、テキストを表示する幅を指定しておいて、それをセンタリング、ユーザーのブラウザウインドウ幅に拘わらず、左右均等余白にしたいならば、 body{width: 640px;margin-right:auto;margin-left:auto;text-align: center;} にします。（テキスト表示面を640pxにする場合）これには問題がありまして、body要素に指定しても、IEはセンタリングしてくれません。なので、body全体に divを入れ子にして、そのdiv に上記のスタイルを指定します。ですが、こちらだと、ユーザーのブラウザウインドウがbody width の指定px以下の場合（この例だと640px）、当然左右に余白はありません。

質問者

お礼 2006/01/08 20:27

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

Lazy_Dogg
ベストアンサー率64% (9/14)

2005/12/02 16:46 回答No.5

1. FRAMEタグでの指定目的のドキュメントを指定しているframeタグに marginwidth="10" などの指定をすれば余白が設定できます。 2. スタイルシートでの指定 (目的のHTMLまたはcssで指定) body { margin: 0px 10px 0px 10px; } /* 上右下左の順 */ 3．BODYタグでの指定 (目的のHTML内で指定) <body topmargin="0" leftmargin="10" marginwidth="10" marginheight="0"> などと指定しますが、 topmargin="0" leftmargin="0"がIE用、 marginwidth="0" marginheight="0"がNetscape用の属性です。 http://www.tagindex.com/html_tag/frame/frame_margin.html http://html.eweb-design.com/1301_wm.html 1と3はxhtmlでは推奨されていなかったと思います。 xhtmlの意味が解らなければ気にしないで下さい。

質問者

お礼 2006/01/08 20:27

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

noname#16352

2005/12/02 16:44 回答No.4

┏━┳━━━┳━┓　フレーム呼出し親ファイル（index.html） ┃　┃　　　┃　┃　Ａフレーム（page01.html） ┃Ａ┃　Ｂ　┃Ｃ┃　Ｂフレーム（page02.html） ┃　┃　　　┃　┃　Ｃフレーム（page03.html） ┗━┻━━━┻━┛ まぁ、フレームの構造はどうなっていても構わないのですが、仮に上のような構造を採用していたとしましょう。余白を指定するのは、そのフレームの表示に使用している HTML ファイルです。例えばＢフレームに表示されているものに左右余白を設定したいのであれば、その旨の CSS などを記述するのはあくまでも page02.html です。もちろん、Ａフレームに表示されているものに設定するなら page01.html に記述します。フレームの構造等を定義するのに使っているファイル（この例では index.html）は関係ありません。

質問者

お礼 2006/01/08 20:26

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

nitto3
ベストアンサー率21% (2656/12205)

2005/12/02 16:42 回答No.3

margin を使って余白にしたらいいです。 <style type="text/css">  </style> これも勉強しないと分からないですよ。本の一冊も買ってはどうですかねえ。

質問者

お礼 2006/01/08 20:26

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

purplebossa
ベストアンサー率45% (10/22)

2005/12/02 16:41 回答No.2

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