小窓に余白が・・・

解決済

質問者：m-sorimachi
質問日時：2004/11/27 13:16
回答数：2件

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： lucysky
回答日時：2004/11/27 13:25

その画像の為にｈｔｍｌファイルを作りましょう。

<BODY>内に画像を貼りましょう。

そのあと
<HEAD>～</HEAD>の中に

<STYLE type="text/css">

</STYLE>

を入れてみて下さい。
そしてそのｈｔｍｌのアドレスで小窓を開きましょう。
余白は消えてます。

- 0
- 件

通報する

No.2

回答者： fukku22
回答日時：2004/11/27 17:09

余白はスタイルシートの 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 をでサイズ変更すると画像の一部が表示されなくなってしまいます。