• ベストアンサー

iframeの代用

いつもお世話になっております。 現在、ページを作っておりまして、あるページの中にiframeを使って中に別のページを埋めています。 なぜこのようにしているかというと、中のページは一定の大きさではみ出した部分はスクロールバーで移動するという表示をしたかったためです。 ただできれば同一htmlにしたいのですが、うまいことやればできるのでしょうか? 明らかに指定の<div>より大きいhtmlを収めて、うまい具合にスクロールバーで表示させたいです。 ご教授お願いします。

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

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

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

お礼

すばやいご回答ありがとうございます。 目的が達成できました。

関連するQ&A

  • iframeの横スクロール

    iframeを使ってほかのページを表示させているのですが、 どうしても横スクロールバーが出てしまうのでcssのbody要素に 「overflow-x: hidden;」と入れました。 確かにiframeの横スクロールバーは消えましたが、ページの横スクロールも消えてしまいました。 div idでiframeを囲ってcssでその場所だけに「overflow-x: hidden;」を入れると今度は横スクロールバーが消えません。。 色々調べてみたのですが同じような人がいないようで; 詳しい方教えていただけないでしょうか。 (説明がへたくそですみませんm(_ _)m)

  • iframe の代用で objectタグを使ったとき

    iframeを使って、他のページを表示させていたのですが、 iframeは非推奨ということでobjectタグに置換をかけています。 比較的単純なiframeタグは置換できたのですが、 <iframe src="hoge.cgi" width="330" height="100" scrolling="no" Frameborder="no" Marginwidth="0"> の場合の2行目の、スクロールバー非表示、枠はナシ、立体表示ナシ という設定をobjectタグを使ったときどう記述すればいいのか わかりません。同じ属性を書くと無視されてしまいます。。。。 どのように記述すれば、スクロールバーなし、立体表示なしが 実現できるのでしょうか?

    • ベストアンサー
    • HTML
  • iframe表示のWebカメラセッションの切断

    jQuary-jqtouchで作成しているiPhone/Android用Webアプリで、iframeを使いWebカメラ画像を取り込んでいます。 <div id="cam"><iframe src="http://***.***.***.***/ImageViewer?Mode=Motion&Resolution=320x240" width="320" height="240" scrolling="no"></iframe></div> Webアプリなので動作中にホームボタンを押せばバックグランドに回って動作を続けます。 jqtouchで作っているので実質的に1つのページです。 よって、一定時間後に#homeに戻るようにしても同一ページなのでiframeで接続している画像は取り込まれ続けています。 #homeに戻る時にiframeの外で<div>囲んでいる部分の中を <div id="cam">カメラ画像は表示出来ません</div> と書き換えてもiframeで通信しているセッションは残ってしまい通信しているようです(画像は表示していませんが)。 解決する方法としては、 ※ 一定時間経過したWebアプリは自動で自身を閉じる。 ※ Webアプリ側からiframeで使っているセッションを強制的に切断する。 かと考えていますが、良い方法はありますでしょうか? Wbeアプリが確認のダイアログを表示せずに一定時間後に自身を終了することはできるのでしょうか? 初めてのjavascript,jquary,jqtouchに取り組んでいます。 ご教授よろしくお願いいたします。

  • iframeのスクロールバーをウインドウと一体化

    http://xappy.jp/ このサイトは外部サイトを iframe で開いているようです(ユーザー登録が必要なページで申し訳ないです)。 その iframe で開いているページのスクロールバーが、 普通のウインドウのスクロールバーと変わらない位置にあります。 自分の知識では、http://zumirin.cool.ne.jp/kowaza/iframe.htm のように iframe 内にスクロールバーを表示させる方法しか分かりません。 どうすれば同じように、iframe内のスクロールバーとウインドウのスクロールバーを一体化できるのでしょうか?

    • ベストアンサー
    • HTML
  • iframeについて・・・

    <iframe>タグを使う時、スクロールバーを縦あるいは横のみ表示させるにはどうしたらよいのでしょう??? 横にスクロールはしないので、横のスクロールバーは表示されたくないのに・・・ どなたか教えてください!

    • ベストアンサー
    • HTML
  • IFRAMEを使っているのですが

    indexはフレームも何もない普通のページで、ENTERをクリックして入った次のページに IFRAMEを使っているページを作っています。 このページに入ると、IFRAMEの中にindexが表示されてしまい、困っています。 このIFRAMEの中に表示するページを指定する事はできますか?

    • ベストアンサー
    • HTML
  • iframeに横スクロールを出現させない方法(IE6)

    いつもお世話になっております。 今回は、IE6でiframeの横スクロールバーを出現させない方法がわからずこちらで質問させていただきました。 TOPページにindex.htmlを置いており、indexにiframeを3つ(top.html/menu.html/main.html)作成し、ページを作っております。 top/mainの2箇所に問題は無く、menuの部分での質問です。 iframeは幅200pxで設定しており、その中に幅指定100%のmanu.htmlをiframe src=""で埋め込んでいます。 menu.htmlには幅200pxで作成した背景画像(no-repeat)と、幅100%指定のiframeを使用しております。 menu.htmlに対しCSSで overflow: auto;を当てていますが、スクロール表示しないといけない状態に画面を変更した場合横スクロールが消えない状態です。(IE7ではきえるのですが…) IE6の特徴の、文章等がある場合親のサイズに合わすことが要因だと思いますが、iframe/menu.htmlのサイズを変更させず横スクロールを表示させないことは可能でしょうか?(menu.htmlを180px固定とか、index.htmlのiframeをscroll="yes"にすれば平気ですが、不恰好になるので…) よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • iframe?をCSSで作成することは可能でしょうか?

    現在ホームページを作成していまして、iframeというのでしょうか? 更新情報などで使われているスクロールできる部分なんですが、ソースを見ると「iframe」などのタグは書かれていなく、divが指定されているのみでした・・・ CSSで作成しているのできればCSSで作成したいと考えているのですが、作成することは可能でしょうか? どうかよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • iframeが正しく表示されません

    #box1{ width: 595px; float: left; height: 570px; margin-top: 70px; margin-left: 10px; border: 1px solid #000000; } <div id="box1"> <iframe src="http://astore.amazon.co.jp/uraren-22" width="100%" height="100%" frameborder="0"></iframe> </div> とゆう表記でHPを作成したのですが、IEではちゃんと表示されるのですがfirefoxやsafariですと、box1の中に表示されず下にずれ、スクロールバーが表示されなかったりもします。 解決方法をお願いします。

    • ベストアンサー
    • HTML
  • javascriptでiframeを代用

    javascriptでhtmlタグ”iframe”のようにページの中に違うページを表示させたいのですが、どのようにすればいいのでしょうか?

専門家に質問してみよう