• 締切済み

ブラウザのウィンドウを指定のサイズで見せたいです

今、自分のホームページを作成していまして、 トップページのサイズを指定したサイズで見せたいと思っていて 他の回答から window.self.resizeTo(800,600) を見つけてできたのですが、これだとブラウザの種類によって メニューバー等の違いから中の表示サイズが異なってしまいます。 ブラウザに左右されることなく中の表示領域を一定にすることは 可能でしょうか？ 以下のサイトではそれができているのですが、 http://www.farrowdesign.com ソースを見てみてもちょっとわからないもので、、、 もし、どなたかご存知でご教授いただけると 大変たすかります。 どうぞよろしくお願いします。

  • imax
  • お礼率0% (0/1)

みんなの回答

  • vaio09
  • ベストアンサー率37% (756/2018)
回答No.1

JavaScriptを使う方法 http://www9.plala.or.jp/oyoyon/html/script/newwin.html http://amenti.usamimi.info/windowopen.html window.open関数の使い方が分かれば簡単です。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • ウィンドウサイズを固定する方法

    HPのトップを開いたときから、表示サイズを 横703×縦662pxで表示させたいです。 以下のようなソースで記載しているのですが、 今のものだと、IEでは表示サイズが横703×縦662pxのものを 表示できるのですが、ブラウザごとに違ってくるので、 firefoxなどでは横735×縦839pxで指定すると大きすぎるのです。 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ //ウインドウサイズの変更 function changesize(){ window.resizeTo(735,839);//サイズの指定 } window.onload = changesize; //ページの読み込み時に関数を呼び出す window.onresize = changesize; //ウィンドウサイズの変更時に関数を呼び出す ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 以前の質問欄にて、Body部（ツールバーとかスクロールバーとかを省いた）のサイズが↓このような値であると記載されていたのですが、 これをどのように活用したらいいのかわかりません。 document.body.offsetWidth document.body.offsetHeight どなたかご存知の方いらっしゃいますでしょうか？ また、safariでは現在まったくサイズが動かないのです。 safari（MAC）、IE6,7（WIN）、firefox（WIN）での 対応がベストなのですが、それも含めて、 どなたかご存知の方いらっしゃいますでしょうか？ よろしくお願いします。

  • SEOにも有効なウィンドウサイズ指定

    ボリュームのあるページを運営しているのですが、 トップページ以外はwindow.open()のJavascriptでウィンドウサイズの指定を行っているので、 googleなどのクローラーがトップ以外は見ていってくれていないようなんです‥。 そこで質問なのですが、深く下の層までクローラーが入って来れるような ウィンドウのサイズ指定はありませんでしょうか。 resizeTo以外でお願いできればと思います。 とんちんかんな質問ですみません。宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 最初のウィンドウのツールバーを非表示に

    こんにちは 最初に開いたページのツールバーを非表示にする 方法を教えてください。 <SCRIPT language="JavaScript"> <!-- window.self.resizeTo(800,600) <!----> </SCRIPT> と書けば、そのサイズで開きますが window.self.toolbar.visible=false と書いてもうまくゆきません。 よろしくおねがいします。

  • javascriptでウィンドウのサイズ等を指定するには…

    色々な諸事情があって、新しく開くウィンドウのサイズを、親ウィンドウで指定するのではなく、新しく開く子ウィンドウ自身でサイズを指定する方法を探しておりました。 すると、以下のようなjavascriptが見つかったので試してみたところ、希望どうりにサイズを指定して開くことができたのですが、アドレスバーやツールバーなどもある形でウィンドウが開いてしまいます。タイトルバーとスクロールバー以外は表示しないようにしたいのですが、どのように記述したら良いのでしょうか。javascriptのことはわからないので、実際に書く記述をコピー＆ペーストで試せるような形で教えていただけると助かります。宜しくお願いいたします。 <SCRIPT TYPE="text/javascript"> <!-- window.resizeTo(300, 300); //--> </SCRIPT>

  • ブラウザの表示領域から高さを指定、ブラウザを動かしても可変させたい。

    ブラウザの表示領域から高さを指定、ブラウザを動かしても可変させたい。 ブラウザのスクロールバーのように、 ブラウザの表示領域を取得してdivのボックスのサイズを取得して、 それに合わせてボックスの高さを指定し、 overflow:autoでスクロールバーが出るようにしたいと考えております。 サイズの取得までは.clientHeightを使ってできたのですが、 表示後にブラウザを動かすと合わせて可変するようにすることができず困っております。 上記を実現する方法がおわかりの方がいらっしゃれば、 是非ご教授いただければと思います。

  • 既に開かれているウィンドウのメニューバーなどのスタイル変更

    新しく開かれたウィンドウのサイズ変更、メニューバーなどをなくしたいのですが、どうすればよいですか？ 問題は、あるところから飛ばされてきており、ページが既に開かれている状態なので、前のページでwindow.openなどのjavascriptが使えないことです。。。 ソースは現在、下記のような感じです <script language="JavaScript"><!-- resizeTo(500,300); function thisopen(){ open("index.html","_self","menubar=no,toolbar=no"); // --></script> <body onload="thisopen()"> 上のように、リサイズは出来ますが、メニューバーを消すことが出来ません。javascriptじゃなくてもいいのですが、ページが開かれたときに、１度だけリロードのような形でそのページを開きなおすのがいいのかとも思っています。 何か他の方法、ありませんでしょうか！？説明が足りませんかもしれませんが、どうぞよろしくお願いします。

  • ウィンドウサイズの固定

    教えてください。 親ウィンドウからリンクした子ウィンドウのサイズを固定したいと思っています。 HPのウィンドウサイズを固定するには、 <script language="JavaScript"> 　 <!-- 　 resizeTo(600,400) 　 // --> </script> にすれば良いというのを、過去の質問から拝見しました。（実際にやってみて出来ました） さらに、そのウィンドウにメニューバーなどを表示させないようにするにはどうしたら良いのでしょうか？ 宜しくお願いします。

  • ブラウザのウィンドウサイズ指定

    お世話になります。 Wordにて画像を挿入し、数文字書いてあるファイルがあります。 それをmht形式で保存しました。 このmhtファイルを普通にダブルクリックで開くと、現在起動している ブラウザに新たにタブが増え、そこに表示されます。 やりたいことは、 　・別ウィンドウで表示させたい。 　・そのウィンドウのサイズを特定のサイズ（画像と文字が入るぐらい） 　　で開くようにしたい。 です。 HTMLに関しては全くの素人ですので、mhtをブラウザで開いてソースを 見ても、何をどうしていいのか分かりません。 ご教示の程、宜しくお願い致します。

    • ベストアンサー
    • HTML
  • フレームページの画面サイズ設定

    トップ、メイン、アンダーって縦に３つに別れたフレームで画面サイズの設定をしたいのですが、どの様にすればよろしいでしょうか？ また、ＷＩＮとＭＡＣでサイズが違う様にしたいです。 下記まではできたのですが、ブラウザーを立ち上げてもサイズが設定できません。 <script type="text/javascript"> <!-- function test(){ if(navigator.platform=="MacPPC"){ window.resizeTo(500,500); }else{ window.resizeTo(750,600); } } //--> </script> <body bgcolor="#FFFFFF" text="#000000" onload="javascript: test();"> よろしくお願いします。

  • ウィンドウサイズ固定

    いつもお世話になっております。 イントラネット上のコンテンツにおいて ＴＯＰ画面のサイズを固定したいと思っております。 子ウィンドウはオープン時に"resizable=no"で サイズ固定できますが 親ウィンドウではどうでしょうか？ 動作は以下のようになればよいのですが obj = window.open(selfUrl, name, "resize=no"); self.opener = self; self.close(); 諸事情により ブラウザのプロセスＩＤが変化してしまうと困るので 「親ウィンドウを開きなおす」技は使えません・・・。 CSSで max-width:1024px;min-width:1024px; と試してみてもサイズ固定にはならないしで 煮詰まってしまいました。 何か方法をご存知の方 いらっしゃいましたら宜しくお願い致します。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する