• ベストアンサー

ページ上端の画像とウインドウ上端線との間の空白スペース

画像をページの上端のフレームに入れたのですが、その画像とページの上端線(つまり、Internet Explorer のウインドウの上端線。つまり、Internet Explorerのアドレスバーの下端線)との間に1cm程度の白色の空白スペースができます。 この空白スペースは、このフレームのみを「ファイル→開く」で開いたときにも表示されます。 この空白スペースをなくするにはどうしたらよいでしょうか。 また、このフレームの下端にも画像があるのですが下端の画像とそのフレームの下限線との間にも1cm程度の空白スペースができます。併せてこちらもお教えいただけないでしょうか。

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

  • ベストアンサー
  • bob_n
  • ベストアンサー率35% (610/1732)
回答No.1

http://www.tagindex.com/html_tag/frame/frame_margin.html にかかれてますが、 <FRAME SRC="test.html" MARGINWIDTH="0" MARGINHEIGHT="0"> MARGINWIDTHは左右のマージン MARGINHEIGHTは上下のマージンです。

yoohoo_7
質問者

お礼

再度ご教示のようにしたところ、うまくいきました。空白スペースぺーは、完全にゼロになりました。 前回上下の空白スペースがゼロにならないと言いましたが、これはここに<br>が入っていたためでした。自分でもあきれかえっています。申し訳ありません。 今後ともよろしくお願いいたします。

yoohoo_7
質問者

補足

ご教示のようにしたところ、左右の空白スペースも3mmほどあったのですがこれは完全にゼロになりました。 有り難うございました。 ただ、上の空白スペースは、1cmほどあったのが3mm程度にはなったのですがゼロになりません。また、下の空白スペースは、以前のとおり1cmほどあります。これらは完全にはなくならないのでしょうか。 よろしくお願いします。

その他の回答 (4)

  • bob_n
  • ベストアンサー率35% (610/1732)
回答No.5

No.1のbob_nです。 フレームにいれる画像のソースを <BODY BACKGROUND="test.jpg">などと、 バックグラウンドにすると余白がなくなりますが、 最大化したり、サイズを調整しないとだめだと思います。 <img src="test.jpg" width="100" height="96%"> などとすると、サイズ変更すると、横にスクロールバーが出てきたり、余白ができてしまいます。 やはり、最初に書いた方法で、みきれてもよい部分を、ペイントソフトなどで加工しておき、フルサイズで表示するようなことをするしかないと思います。 (ほかに、良い方法があるかもしれませんが、思いつきませんでした。お力になれなくて、すみません)

yoohoo_7
質問者

お礼

No.1に書かせていただきましたが、原因は私のミスでした。本当に信じられないミスです。 myu nyanさん、guraさん、steel grayさんにもこの場をお借りしてお詫び申し上げます。 今後ともよろしくお願いいたします。

  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.4

スタイルシートで余白を指定するには <style type="text/css"> body{margin:0;padding:0;} </style> と、します。(上記を<head>~</head>間に入れる。) ただし、ページ上部に表示する画像、<img>タグのあたりの書き方がおかしいと余白が消えない場合があります。 各回答の通りにやっても余白が消えなければ、(ある程度は伏字にしたりしても問題の解析はできますので)そのページの実際の内容を教えてください。

yoohoo_7
質問者

お礼

ご教示の方法でうまくいきました。 フレームが3つあるので、headで書いておくととても簡単だと思いました。 有り難うございました。

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

 こういうことをおやりになりたいのですか↓ <HTML><HEAD></HEAD> <BODY topmargin="0" bottommargin="0" marginheight="0"> <table border="1" width="400" height="100%" bgcolor="#ffffcc" align="center"> <tr><td> こういうことをおやりになりたいのですか </td></tr> </table> </BODY> </HTML>

yoohoo_7
質問者

お礼

ご教示の方法でうまくいきました。 このような方法は考えても見ませんでしたが、そのページの中身全体をtableの中に入れるのは、ほかの場面でも便利そうで勉強になりました。 有り難うございました。

noname#65286
noname#65286
回答No.2

表示するページのマージンをゼロにします。 BODYタグで設定する場合、対象ブラウザがIEだけなら <BODY topmargin=0 leftmargin=0> スタイルシートで設定することもできます。

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

お礼

ご教示の方法でうまくいきました。 有り難うございました。

関連するQ&A