- ベストアンサー
別ウインドウのリサイズをiframeにも適用したい
- 別ウインドウのリサイズをiframeにも適用する方法について教えてください
- 別ウインドウのサイズをユーザが変更した場合、中のインラインフレームも同じようにサイズ変更することは可能でしょうか？
- IE8で、別ウインドウのサイズを950x600と950x450の2パターン、インラインフレームの表示サイズを950x550と950x400で設定し、リサイズ時に同じようにサイズ変更する方法を教えてください
- yukirin56
- お礼率100% (14/14)
- JavaScript
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- fujillin
- ベストアンサー率61% (1594/2576)
ANo1です。 ％指定の場合、上位要素に対する割合を指定していることになります。 状況のみなのではっきりとはわかりませんが、コンテンツ全体が少ない場合、画面の縦サイズよりもbodyが小さい場合があり、それに対する割合として計算されるためにご質問のようなことが起こる場合があります。 ＣＳＳで html, body { height:100%; } などとしておいても、同じままでしょうか？
お礼
回答ありがとうございます！ ＞ html, body { height:100%; } 試したのですが、状況は変わらなかったです。 cssは外部ファイルから読み込んでいるので、そのファイルと あと、htmlのヘッダ部分にも直接書いてみましたが 変わらなかったです。 別ウインドウ（外枠）のサイズ指定はwidth950,height600 を指定しています。 iframe内に表示させるページの高さは別ウインドウの倍は あります。 iframeの大きさはcssで指定しています。 div.inlinef iframe { width: 100%; height:90%; frameborder: 0; margin: 0 0 0 0; padding : 0 0 0 0; } ブラウザがIE8と古いのですが、そこが問題だったりしますか？
- fujillin
- ベストアンサー率61% (1594/2576)
細かなことはわかりませんが、要はリサイズしたときにプロポーションを保ったままにしたいということでしょうか？ iframeのサイズ指定を比率（%など）でしておけば、常に同じプロポーションになるはずですけれど、そういう意味ではないのかな？ もちろん同様のことはスクリプトでも実現可能ですが、やり方や記述がわからないのでご質問なさっているのでしょうから、上記の方法の方がはるかに簡単ですしスクリプトも不要となります。
お礼
回答ありがとうございます！ さっそくiframeのサイズを％に変えたところ 別ウインドウのリサイズにあわせてiframeの大きさも 変化するようになりました！ なのですが、iframeのheightを90%に設定しても 画面の1/4程度の高さでしか表示がされないのです。 widthは大丈夫なんですが・・ 付け加えなきゃいけない何かがあるのでしょうか。
お礼
できました！！！ よかった・・本当に助かりました。 もっと勉強しないといけないですね。 ありがとうございました！