インラインフレームのサイズを一括変更する方法はあるか?

このQ&Aのポイント
  • 全てのページにインラインフレームを使用し、頻繁に更新する情報を表示しています。インラインフレーム内に指定したページを更新しているのでどのページからでも最新情報を見せられるのですが、最新情報の文章量が増え指定したインラインフレームのheightより高くなってしまいます。
  • 結果スクロールバーが出てしまうのですが、レイアウトが崩れてしまうのでスクロールバーは表示させたくありません。外部CSSのように一カ所のheightを変更すれば全てのインラインフレームに適用される、もしくはフレーム内の文章量によって自動的にインラインフレームのheightが変更される…などという事は出来ませんでしょうか?
  • 宜しくお願い致します。
回答を見る
  • ベストアンサー

インラインフレームのサイズ一括変更

全てのページにインラインフレームを使用し、頻繁に更新する情報を表示しています。 インラインフレーム内に指定したページを更新しているのでどのページからでも最新情報を見せられるのですが、 最新情報の文章量が増え指定したインラインフレームのheight=""より高くなってしまいます。 結果スクロールバーが出てしまうのですが、 レイアウトが崩れてしまうのでスクロールバーは表示させたくありません。 外部CSSのように一カ所のheightを変更すれば全てのインラインフレームに適用される、 もしくはフレーム内の文章量によって自動的にインラインフレームのheightが変更される… などという事は出来ませんでしょうか? 宜しくお願い致します。

  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • goldfox
  • ベストアンサー率49% (123/249)
回答No.2

> idで名前を付ければ全ページのインラインフレームの枠サイズを一括変換出来るのですか!?よろしければ方法・参考サイトなどを教えて下さい。 これ、外部cssのことです。 idを使うのは特定の要素のみに反映させるため。 外部cssの使い方は分かりますか? 「外部ファイルにまとめて設定する」 http://www.tagindex.com/stylesheet/basic/pattern1.html 「IDを使った指定」 http://www.tagindex.com/stylesheet/basic/format3.html これで、最新情報を変更したらcssファイルの高さ指定も変更すれば、cssファイルが指定されているページの、idが指定された該当要素のみ高さが変わります。 例えば同ページ内に複数のインラインフレームを使用していても、「id名を付けた」最新情報用フレームだけ高さが変わるわけです。

bugtte
質問者

お礼

cssは<div class="">でレイアウトを作るのと、文字色や文字サイズのみしか使っていませんでした。 外部cssファイルに#iframe1 { width:●px; height:○px; }、 インラインフレームタグを<iframe id="iframe1">とう風に記述すると出来ました! このような使い方も出来るのですね。 ありがとうございました。

その他の回答 (1)

  • goldfox
  • ベストアンサー率49% (123/249)
回答No.1

むしろフレーム内の内容量を調整したほうがよいのでは? しょっちゅうフレームの高さを変更すると、ページ構成がくずれたりしませんか? >外部CSSのように一カ所のheightを変更すれば全てのインラインフレームに適用される これが一番いい方法だと思いますが。 それぞれのページの情報用フレームにid名でもつけて、 高さや幅指定など装飾関係はすべて外部css指定にすればよろしいかと。

bugtte
質問者

お礼

ありがとうございます! 質問を投稿した後に確認すると分かりにくいでした。申し訳ありません。 >むしろフレーム内の内容量を調整したほうがよいのでは? 頻繁に情報を追加する上、更新するのは自分以外の人も行うので中々調整するのが難しいのです。 インラインフレームはパージの左側に設置しているので、高さが変更されても構成が崩れる事はありません。 >それぞれのページの情報用フレームにid名でもつけて~ idで名前を付ければ全ページのインラインフレームの枠サイズを一括変換出来るのですか!?よろしければ方法・参考サイトなどを教えて下さい。

関連するQ&A

  • インラインフレームについて

    インラインフレームについて質問させて下さい。 まずページはテーブルで仕切って作ってあります。 このひとつの中にインラインフレームを組み込みました(名前をf1とします)。 このf1でのみ表示されるスクロールバーのデザインを変えたいのですが、普通のスタイルシートでの指定だと適用されません。 テーブル内のインラインフレームのスクロールバーのデザインは変えれないものなのでしょうか? それとも私の記述に問題があるのか、調べてみましたがよくわかりません。 次に、f1内に画像を表示させる時だけスクロールバーを消して、違うページを同じf1内に表示させるときにまたスクロールバーを表示させることは可能ですか? この場合、f1内に表示させたいページのほうでの指定となるのでしょうか? 勉強中ですので初歩的な質問でしたらごめんなさい。 この説明でうまく伝わっているかが不安なので、わからないことがあればお答えします。 よろしくお願い致します。

  • インラインフレームの高さ調節について

    インラインフレームに関する質問なのですが、例えば下から生えているようにインラインフレームを配置し、親ページはスクロールさせずにインラインフレーム内のページにスクロールがでるようにしたいのです。 HEIGHTで100%に指定してみたのですが、出来ませんでした。 ぜひご助力お願いします。

  • インラインフレームについて

    Ameba Owndというアメーバの無料ホームページを利用しての事です。 ホームページのTOPページに、更新情報を載せたくてインラインフレームを使用したいと思っています。 スクロールバーは表示されるのですが、中身の情報が表示されません。 中身のページは、アメブロのブログに更新情報を書いてインラインフレーム内に表示したいと思っています。 アメブロでは表示出来ないという事でしょうか? ソースの書き方が間違っているのでしょうか? 当方、HTMLの知識がないので分かり易く丁寧に教えて下さる方のみお願いします。

  • インラインフレームの表示設定について

    HTMLで作っていたページがゴチャゴチャして来たのでインラインフレームで 小分けにし、整頓しようと思ったのですが…上手くいかずに困っています。 heightやwidthでサイズを指定しても、その通りには行かず、余白付きのページを スクロールバー付きで表示され… スクロールバー無しで表示したいので、scrolling="no"を設定すると、指定しても いない部分で途切れ、ページが表示されなくなってしまいました。 (その際、バーが減ったおかげか横幅だけは設定通りになりました) ※縦幅が指定できないので、枠を超えてなお表示できるoverflow:visibleと  バー無し指定のscrolling="no"を同時設定する方法を探しています。 <iframe src="××.html" scrolling="no" frameborder="0" style="border:none; overflow:visible; width:○○px; height:○○px;">と設定すると途中で途切れ、 http://www001.upp.so-net.ne.jp/oka/iframe_ssi.htm ←こちらのページ下部に 有る様にjavascriptで設定してみたところ今まで表示されてたインラインフレーム 部分が見えなくなりました。 どなたか改善方法をご存知の方、ご教授をよろしくお願いします

    • ベストアンサー
    • HTML
  • インラインフレームについて

    よろしくお願いいたします。 インラインフレームで、 <IFRAME src="●●.htm" name="kowaza_iframe" width="500" height="300" frameborder="0" scrolling="AUTO"> </IFRAME> とした場合、中に表示する●●.htmの高さが300以上だと、スクロールバーが表示されて、●●.htmがすべて表示されません。これをどんな大きさの●●.htmであっても、そのファイルをそのまま全体を表示することはできないでしょうか? それとも、そもそもインラインフレームでそのようなことは無理あのでしょうか?

    • ベストアンサー
    • HTML
  • ページ全体をインラインフレームにしたい

    大きな1枚の画像の上にメニューと本文を同時に表示にするため、ページ全体を2つのインラインフレームにしたページを作ろうとしています。 スタイルシートで左右2カラムのレイアウトにして、左のインラインフレームはwidth:20%;height:100%;、右のインラインフレームはwidht:80%;height:100%;で指定したのですが、指定した覚えもないのに右側に余白ができてしまいます。 htmlやbodyのmarginとpaddingを0pxにしたりwidth:100%;とheight:100%;を入れてみたんですが、効果なしです。 基本的な作り方を習ったこともないので、途方にくれています。 端に余白が出来ないように、ページ全体をインラインフレームにする方法を教えてください!

    • ベストアンサー
    • HTML
  • seesaaブログでインラインフレームを使いたいのですが・・・

    seesaaブログを使用しております。そのトップページに更新情報をインラインフレームで表示したいと考えています。 「トップページ」という記事と、「更新情報」という記事をそれぞれ作成し、保存してあります。 「トップページ」にインラインフレームを挿入し、「更新情報」のファイルを参照するように指定したのですが、実際に表示させて見ると、インラインフレームの中に「更新情報」が表示された”ホームページ”が表示されてしまいます。 この原因は「更新情報」のファイルを参照するために、ホームページのURLを指定しているためだと思います。 「更新情報」の記事だけをインラインフレームの中に表示させたいのですが、どのようにしたら宜しいのでしょうか? 御教示の程宜しくお願い致します。

  • インラインフレームのスクロールバー

    こんばんは!またもや、質問させて頂きます。 インラインフレームのスクロールバーの色の変更は、どうしたらいいのでしょうか?スクロールバーの色の変更は、できたのですが・・・インラインフレームは、全くわかりません。宜しくお願いいたします。

    • ベストアンサー
    • CSS
  • インラインフレーム内にポインタが来るとマウスでスクロールが出来ない

    お忙しいところ恐れ入ります。 HPビルダー13で作成中のページで困っています。 indexページの中央に、インラインフレームを1つ浮かせました。 インラインフレームは、 メニュー、タイトル、コンテンツの3分割で、 それぞれスクロールバーは非表示にしました。 indexページのスクロールバーは表示してあります。 マウスの真ん中のコロコロホイールを使って、 スクロールをする際なのですが・・・ インラインフレーム内に、マウスポインタが来ると、 indexのスクロールが止まってしまいます。 インラインフレームの外であれば、スクロールしてくれます。 ポインタが、indexページのどこにあっても、 indexのスクロールバーが作用するようにしたいのですが、 どのように設定したら良いのでしょうか。 どこでも配置モードのスタンダードで編集をしていますが、 HTML(エディタ)の設定方法でも構いません。 ※過去のQ&Aを参照したところ、 インラインフレームの高さ・幅を100%とすると良いとの回答もあったのですが、 残念ながらこの方法では解決しませんでした。 どうぞよろしくお願いいたします。

  • インラインフレームについて・・・

    スクロールの色変更方法でお尋ねします! ページのスクロール色は変更出来たのですがページ内に作成した『インラインフレーム』のスクロールの色変更方法を教えて下さい。 色々試みたのですが上手くいきませんでした(T_T) 宜しくお願いします。