自分のサイトを開いた時にウィンドウのサイズを固定したい

解決済

質問者：choco_bb
質問日時：2003/08/24 12:38
回答数：3件

いつもお世話になります。
htmlもよく分からずに自分のサイトを作っている、初心者です。
生意気な事ですが、デザインの関係で
自分のサイトを開いた時にウィンドウのサイズを
固定して見てもらいたいのですが、
どうすればよいのか分かりません。
もしかしたらここで聞く事ではないのかもしれませんが
なにぶんにも初心者なのでおわかりの方がいらっしゃれば
ぜひご教授ください
よろしくお願いします。

通報する

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

質問の本文を隠す

回答 (3件)

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

No.3ベストアンサー

回答者： lead1976
回答日時：2003/08/24 16:12

サイトトップでJavaScriptから新しいウィンドウを開いて、指定のサイズのウィンドウ上で展開する場合のソース例です。

<html>
<head>
<title>Top page</title>
<script type="text/javascript"></script>
</head>
<body>
<p><a href="呼び出すページのURL" onClick="winopen(); return false;">ENTER</a></p>
</body>
</html>

このようなソースにすると、このページのリンクをクリックした時に、JavaScriptで新しいウィンドウをサイズを指定して開き、そこに次のページを読み込むようになります。
もしJavaScriptが有効ではない環境で閲覧する場合には、新しいウィンドウは生成されず、トップページを表示したウィンドウ上で次のページが表示されるようになります。

ウィンドウサイズは、window.open()の括弧内にある、widthとheightで指定します。単位はピクセルです。
その他にもいくつか指定を入れてありますが、このスクリプトの部分については、参考URLが詳しいので、そちらを参照してみてください。

ここからはアドバイスですが、可能であれば、やはりウィンドウサイズをリサイズさせなくてもすむデザインにしたほうが無難と思います。
先ほど書いた、フレームを使ってページの表示領域を制限する方法でも、ウィンドウサイズに左右されないデザインに近づけることができると思います。

他に、テーブルで囲んだり、スタイルシートによって表示の横幅を決めてしまえば、内容を表示する領域を固定値として確保できるので、ウィンドウ幅の差によるデザインの崩れを排除できる可能性もあるでしょう。
テーブルの場合は、通常のテーブルで横幅を指定し、その中に内容をすべて入れてしまえばよいだけです。
スタイルシートの場合は、
<div style="margin: auto; width: 600px;"></div>
で全体を囲めば、ウィンドウの横幅が変わっても内容の表示幅は変わらないようにできます。
もし、デザイン上のウィンドウサイズ指定が、ウィンドウの横幅が変わることでレイアウトが崩れることの防止策であるとするなら、これらの方法も対策になると思いますよ。

参考になれば幸いです。

参考URL：http://tohoho.wakusei.ne.jp/js/window.htm#open

- 1
- 件

通報する

この回答へのお礼

丁寧なアドバイス
ほんとうにありがとうございます。
素直にアドバイスに従って
フレームサイズを調整する事で
デザインを維持できるようにやってみたいと思います。

たいしたデザインでもないのですが、
凝り性なものですから（笑）

自分のような初心者には
本当に有り難いアドバイスでした。
また、何かの折にお世話になるやもしれませんが
その時も、またどうかよろしくお願い致します。

通報する

お礼日時：2003/08/24 20:52

No.2

回答者： lead1976
回答日時：2003/08/24 14:12

ウィンドウそのもののサイズを制御するのは、HTMLのみでは不可能です。

JavaScriptを使う必要があるでしょう。
ただ、先の方も述べられているように、ウィンドウサイズを勝手に変えてしまうページは、閲覧側から見れば、歯に絹を着せぬ物言いをすれば、非常に鬱陶しいです。ウィンドウサイズはユーザーの好みによるところも大きく、またウィンドウサイズを左右してしまうのは閲覧側のユーザビリティを阻害します。あまりお勧めはしません。

サイトトップでJavaScriptからサイズを指定したウィンドウを開き、そこにサイトの内容を表示させるような形であれば、閲覧側の不便も多少は緩和できるかもしれません。ただ、デザインの趣旨に沿うかどうかは別問題になりますが。

どうしても閲覧されるサイズをHTMLで規定したいというのであれば、フレームを希望のサイズになるように切って、その中でサイトを展開するのも方法の一つかと思います。こちらの方法であれば、ウィンドウサイズは変更させずに表示枠のサイズを規定できると思います。
まずはこちらの方法を試されてみてはいかがでしょうか。

この回答への補足

はじめまして、lead1976さん。
早速回答いただいてありがとうございます。

＞サイトトップでJavaScriptからサイズを指定したウィンドウを開き、そこにサイトの内容を表示させるような形・・・
実際にはどのような html になるのでしょうか？
もしよろしかったらお教えいただけませんか。

＞フレームを希望のサイズになるように切って、その中でサイトを展開するのも方法の一つかと思います。
これだったら自分にもできるかもしれませんね。
ちなみに、htmlはかけないのでマイクロソフト・FrontPageで作っています。

でも、やはりデザインのためにリサイズするのは
やめておいた方がよいみたいですね。
つまり、リサイズしないですむデザインを考えるという事でしょうか。

補足日時：2003/08/24 15:09

通報する

- 1
- 件

通報する

No.1

回答者： osamuy
回答日時：2003/08/24 12:56

例えば、

<body onload="javascript:with(top){moveTo(0,0);resizeTo(256,128);}">
<h1>Test</h1>
</body>

――みたいな事ができますが、望みもしないのにウィンドウのリサイズを勝手に行うページ・デザインは、ほとんどの人に受け入れてもらえないでしょう。
見やすいウィンドウサイズは人それぞれですので。

この回答への補足

はじめましてosamuyさん。
早速回答いただいてありがとうございます。

お教えいただいた
３行のhtmlを書き出してブラウズしたところ
うまくいきません。
自分はjavascript がどういうものか理解していないからでしょうね。すいません。

たしかに自分もブラウズしていて
勝手にリサイズされるのはあまり気持ちのいいものではありません。
別の方法でデザインを考えた方がいいのだろうと思います。

補足日時：2003/08/24 15:01

通報する