• ベストアンサー

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

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

  • HTML
  • 回答数5
  • ありがとう数5

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

  • ベストアンサー
  • 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

  • 左に空白スペース確保

    こんばんは。 お尋ねしたい事があるのですが、 ページの左側を、空白スペースにしたいんです。 今はフレームを使って、左側を空白にしているのですが、 フレームを使わずに、左側に空白スペースを作る事は可能でしょうか? どなたかわかる方が居りましたら是非教えて下さい。 それでは、お願いします。

    • ベストアンサー
    • HTML
  • 空白のページ

    windows10でInternet Explorer11を使用中に、新しいタブを開くたびに「空白のページ」ですと表示、画面は真っ白な状態です。  MicrosoftEdgeの初期化、IE11の初期化を実行しましたが解消せず、新しいタブを開く毎に「空白のページ」が表示

  • 新しいタブが空白ページに戻ってしまう

    Windows7でInternet Explorer 9を使っています。新しいタブを開いたときに表示するページをインターネットオプションのタブ設定から「新しいタブページ」にするのですが、シャットダウンし、再起動すると元の「空白のページ」に

  • WORD2003で「空白スペースを表示しない」設定になってしまう。

     WORD2003(OS=XP)の特定の文書(1個)だけが、ページとページの間が詰まった状態で表示(「空白スペースを表示しない」)になってしまいました。  文書を開いたときには「空白スペースを表示する」状態に戻したいのですが、どのようにしたら良いでしょうか。教えてください。

  • 新しいタブが空白ページになってしまう

    Windows7でInternet Explorer 9を使っています。 新しいタブを開いたときに表示するページをインターネットオプションのタブ設定から「新しいタブページ」にするのですが、シャットダウンし、再起動すると元の「空白のページ」に戻ってしまいます。 シャットダウンするまでは設定が生きています。 理由が分かりません。 解決する方法を教えていただければ幸いです。

  • ブラウザを開くと空白のページになる

    インターネットブラウザを開くと空白のページが開かれる事が多くて困っています。 使用しているブラウザはInternet Explorer。 Chromeでは起きませんが、IEとChromeの使い分けをしており、 できればIEもこのまま使い続けたいと思っています。 Windows8、IEは11です。 アドレスバーには"about:blank"等ではなく、普通にHPのアドレスが表示されており ページだけ白くなる、または白と黒にカチカチするという感じです。 特によく起こるのがツイッターです。F5を押しても治らず 新しいタブやウィンドウを開き直さなければページを見る事ができません。 文字を打ち込もうとも漢字に変換されない事もたまにあり(カタカナ変換は可能) そうした場合も、タブを開き直さなければいけなく ひどい時は3度くらいタブを開き直す→やっとページが開けたので文字を打ち込もうとする→ 漢字変換ができないのでまた3度ほどタブを開き直す 等、かなり面倒くさい事になっています。 また、ツイッターだけでなくYoutube等の動画サイトを見ようとしても ページが白いまま、音声だけ流れる事も多いです。 メモリが足りないのかと思いましたが 元々8GBだったものですが、2週間くらい前に12GBに増設しましたが 改善はしませんでした。 何が原因なのでしょうか?また直し方があるのなら教えてくださると嬉しいです。

  • FRAMEで、間にスペースが…。

    上のページと下のページをあわせて一つに表示したいのですが、間に余分なスペースが入ってしまいます。 <FRAMESET ROWS="25,*" FRAMEBORDER="0"> <FRAME SRC="../menu.html" NAME="UE" SCROLLING="NO" NORESIZE> <FRAME SRC="01.html" NAME="SHITA"> </FRAMESET> となっていますが。。 ROWSの25をこれ以上小さくしてしまうと、上の部分に消えてしまう箇所が生じますし、スペースは減りません。 下の01.htmlは <SPAN STYLE="POSITION:ABSOLUTE; TOP:0;"> となっているので、一番上にきていると思うのですが。。。 また、それぞれを100%のテーブルの中に入れ子にして作成しているのですが、 上の部分はスクロールバーなし、下の部分はスクロールバーありのためか、表示箇所がずれてしまいます。 このへんも回避する方法があれば教えてください。

    • ベストアンサー
    • HTML
  • microsoft word 2007について

    microsoft word 2007で、左上端、右上端 左下端、右下端に、直角の空白が いつもは表示されるのですが、私の場合、 その直角の空白のスペースが大きすぎます。 どうやって、大小を調節するのですか? 是非、教えて下さい。

  • ページの下端に空白ができます。なぜかわかりません。

    ページの最下端に接するように背景色を表示したいですが、 画像のように、空白ができてしまいます。 ・HTML <div class="shita"><p class="fontshitei">テキスト</p><div> ・CSS div.shita { background-color: red; width: 100%; } p.fontshitei { font-family: フォント名; } ちなみに、全体の指定は以下のとおりです。 body { background-color: white; color: silver; margin: 0px; } marginを0pxに設定したのですが、解決しません。

    • ベストアンサー
    • CSS
  • ウィンドウ最大化時の上部空白について

    ウィンドウを最大化した際、上部にデスクトップの背景が隠れずに見えてしまう空白ができてしまいます。 参考画像はエクスプローラですが、IEやFirefox等のブラウザでも同症状です。 この1cm弱程度の隙間がどうしても気になってしまいます。 設定変更等で直るようであればご教授願います。 DELLノートパソコン Windows

専門家に質問してみよう