- ベストアンサー
小窓に余白が・・・
<script language="JavaScript"><!-- var pop; function newwindow(URL,WIDTH,HEIGHT,LEFT,TOP){ pop = window.open(URL,"PopWindow","directories=0,location=0, menubar=0,toolbar=0,status=0,resizable=0, scrollbars=0"+",width="+WIDTH+",height="+HEIGHT+", left="+LEFT+",top="+TOP); pop.focus();pop.moveTo(LEFT,TOP);pop.resizeTo(WIDTH,HEIGHT); } function closenewwin(){ if (pop){ pop.close(); } } // --></script> jpg画像を設定しておりますが、小窓に余白ができてしまいます。 画像ぴったりに納めたいのですが、小窓のサイズを変えても 余白ができてしまいます。 どのようにすれば余白はなくなりますか？
- m-sorimachi
- お礼率50% (1/2)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その画像の為にｈｔｍｌファイルを作りましょう。 <BODY>内に画像を貼りましょう。 そのあと <HEAD>～</HEAD>の中に <STYLE type="text/css"> <!-- BODY{ margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; } --> </STYLE> を入れてみて下さい。 そしてそのｈｔｍｌのアドレスで小窓を開きましょう。 余白は消えてます。
その他の回答 (1)
- fukku22
- ベストアンサー率57% (15/26)
余白はスタイルシートの margin:0px を body に書くとなくせます。 ただ、この場合画像を直接ブラウザで指定するため、 スタイルシートを書く body 要素がありませんね・・。 No.1 の方のように HTML を作成するか、 どうせ JavaScript を使うなら JavaScript で HTML を書きましょう。 以下のようになります。 （body に margin:0px を指定。） function newwindow(URL,WIDTH,HEIGHT,LEFT,TOP) { // URL を "" にしてウィンドウを開く pop = window.open("","PopWindow","directories=0,location=0, menubar=0,toolbar=0,status=0,resizable=0, scrollbars=0"+",width="+WIDTH+",height="+HEIGHT+", left="+LEFT+",top="+TOP); // HTML を書く pop.document.open(); pop.document.writeln('<html>'); pop.document.writeln('<head>'); pop.document.writeln('<title>' + URL + '</title>'); pop.document.writeln('</head>'); pop.document.writeln('<body style="margin:0px;">'); pop.document.writeln('<img src="' + URL + '">'); pop.document.writeln('</body>'); pop.document.writeln('</html>'); pop.document.close(); } resizeTo のサイズ指定はタイトルバーとかも含むので、 resizeTo をでサイズ変更すると画像の一部が表示されなくなってしまいます。
お礼
ありがとうございました。 参考になりました！