• 締切済み

iframe内のスクロール不具合について

自分のイラストを公開するサイトへの閲覧者数名から、iframe内のページをスクロールするとガガガガ~っと重なって表示されまともに見られないとの報告を受けました。閲覧者の方の環境はWinXP IE6です。 私はMacOSXTigerでブラウザはsafariをメインで使っています。もちろん自分で確認した時は、IE5もsafariもFirefoxもNetscapeも大丈夫でした。弟のパソコンがWinXPSP1のIE6なので確認させてもらうと報告通りの症状で、HDDが2Gしか空いていなかったのを30%位空きを作ったりデフラグやクリーンナップ等もして環境を整えても同症状が出ます。スムーズスクロールをOFFにしてもダメで、IEではなくFirefoxで見ると普通に閲覧ができました。 私のHTMLやCSSの記述がおかしいのかと思いiframe内のページを新しいウィンドウで開いてみると正常に表示しました。この場合、閲覧に不具合がでる方は何が悪くその様な症状が起きるのでしょうか?過去ログを検索するとグラフィックボードを交換したという記事が見つかりましたが、ディスプレイ側の不具合なのでしょうか? ちなみに、同じようなiframを使った別のサイトを弟のパソコンで見た時は普通に表示されてました。閲覧者側ではなく、作った私側に問題があるのでしょうか?サイトは以下のアドレスです。 http://www.atelier-kiki.net/r2/

みんなの回答

  • STICKY2006
  • ベストアンサー率29% (1536/5269)
回答No.1

こんにゃくわ。 >>弟のパソコンがWinXPSP1のIE6なので確認させてもらうと報告通りの症状 >>環境を整えても同症状 >>iframe内のページを新しいウィンドウで開いてみると正常 >>同じようなiframを使った別のサイトを弟のパソコンで見た時は普通 ということなんで、「あなたの作成したページをIFRAME内で表示させた場合に不具合が起きる。」 ので、一番に疑うのは、自分の作ったプログラムの方かと思いますよ。 次に疑うとしたら、閲覧環境かもしれませんが、自分が何もしない状況で相手に求めちゃ。。。あかんですよね。 グラボの交換やらディスプレイ交換やらは考えない方がいいです。 金銭取引のある商売ならともかく。。。個人レベルの問題ですかね? 「見れないのでしたら、~~~を~~~に交換してください」なんて言われても。。。 んじゃ見ないです~。で終わりですよね^^; まずは、該当のページ内の、どこが問題になっているのか特定することが必要ですよね。 ソースガンガン消してって、実行しつつ、問題が解消されたところと問題が起きるところ。。。で切り分けつけてから考えてみてください。

waltz_love
質問者

お礼

アドバイスありがとうございます。 私も自分のソースが…と思ったのですが、WinXPのIE6でまともに見られる人も居る以上複雑な思いです。 何もしていないわけではなくHTMLは見直したし、CSSは繰り回してて正常に見られるページもあるとの証言からどうしても納得がいかず質問しました。不安なCSS要素は外したし…。IE6のCSSバグページが見つかったので、もう少し調べてみます。

関連するQ&A

  • 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
  • iframeのスクロールバーをウインドウと一体化

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

    • ベストアンサー
    • HTML
  • ツイッターの新ウィジェットの<iframe>

    ツイッター新ウィジェットの<iframe>タグのように、どのブラウザから読み込んでも高さが綺麗に表示されるよう<iframe>を設置したいと思います。 ですが、フレーム内の内容が多いと、ipadなどのsafariブラウザではどうしても全部表示されてしまいます。 色々調べて試しましたが、どうしても上手く動作させる設置方法が見当たらず。 ツイッター新ウィジェットは綺麗に収まってますし、ipadなどのsafariブラウザで見ても内容が全部表示されることもなく、指でスクロールできます。 あのようなiframeを設置したいのですが、御教示いただければ幸いです。

  • 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
  • Safariで<iframe>のinnerHTMLを取得する方法

    MacのブラウザSafariで <iframe id="iframe1" src="test.txt" style="display:none" width="1" height="1"></iframe> で読み込んだtest.txtの内容が取得できなくて困っています。 ちなみにWindowsのIEとMacのFireFoxでは下記のようなかんじで取得できています。 IEの場合 var text = this.iframe1.document.body.innerHTML; FireFoxの場合 var text = document.getElementById("iframe1").contentDocument.body.innerHTML; MacのSafariでは上記どちらの方法でも取得できませんでした。 他にも色々調べて試してみたのですがやはり上手くいきません。 <iframe>タグ内のstyle指定をなくしてみたらiframeにテキストの内容は表示されているのであとは取得できればいいのですが。。 JavaScriptは初心者なので記述等不可思議かもしれません。 あわせてご教授いただけたらと思います。

  • ホームページを作っています、ページ内にiframeで他のページを表示さ

    ホームページを作っています、ページ内にiframeで他のページを表示させています。 IEではこのiframeにスクロールバーが出て、縦に長いデータをスクロールして閲覧あせる事が できるのですが、Firefoxだとスクロールバーが出ません・・・ どなたか表示させる方法をご存知でしたら教えてください。 以下HTML記述 <iframe name="iframe4" id="iframe4" frameborder="0" scrolling="yes" src="topix.html" title="※※">※※</iframe> CSS記述 #iframe4{ border-width : 0px 0px 0px 0px; margin-left : 0px; width : 420px; height : 490px; padding-top : 0px; overflow : hidden; margin-top : 0px; margin-right : 0px; margin-bottom : 0px; padding-bottom : 0px; }

    • ベストアンサー
    • HTML
  • iflameのスクロールバーについて

    ページ内に、iflameでページを表示しようとしています。 縦に長いページなので、縦にだけスクロールバーを出したいのですが… <iframe src="http://...." width="600" height="400" scrolling="yes"></iframe> こんな感じに設定しています。 ウィンドウズIEではキレイに見えています。 ですが、マッキントッシュIEで見ると、スクロールバーが表示されません。 <iframe src="http://...." width="600" height="400" scrolling="auto"></iframe> にすると、マッキントッシュIEでもスクロールバーがきれいに表示されるのですが、 ウィンドウズIEで、必要のない下の部分(横部分)のスクロールバーまで出てしまいます。 この横スクロールバー、たとえ中味を短くしても、表示されるので…すごーく嫌なのです…。 マッキントッシュと、ウィンドウズ両方で、たて部分だけスクロールバーが出るようにする方法はあるのでしょうか?

    • ベストアンサー
    • HTML
  • スクロールバー非表示が IE で困難です

    CSSで iframe のスクロールバーを非表示にしたいのですが、 Firefox では基本文法通りの指示が通用するにもかかわらず IEでは文法が通用しません。。 図に示した通り、同じスクリプトが異なる表示をされてしまいます。 何か適切な対策をお教えいただけますでしょうか。

    • ベストアンサー
    • CSS
  • IFRAMEで開いたサイトを自動スクロールしたい。

    1つのHTMLページに、IFRAMEで4つぐらいの枠を作り、そこに朝日新聞、読売新聞、その他のサイトを表示させようと思います。 それぞれ、サイトを表示させた後に、例えば400px分だけ下に、すぐに自動スクロールさせて、毎回読みたい部分に表示位置を合わせるようなことがしたいのです。 また、サイトを表示させた後、何秒か後に、別のサイトを表示させたいのです。自分が編集できるページの場合、リフレッシュで何秒か後に、別ページを表示させることができると思いますが、違うサイトでそれを行う場合はどうすればよいでしょうか。 どちらか1つでもかまいません。おしえてもらえないでしょうか。 また役に立つサイトがあれば一緒に教えてください。

    • ベストアンサー
    • HTML
  • iframeの代用

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

    • ベストアンサー
    • HTML