- ベストアンサー
ツイッターの新ウィジェットの<iframe>
ツイッター新ウィジェットの<iframe>タグのように、どのブラウザから読み込んでも高さが綺麗に表示されるよう<iframe>を設置したいと思います。 ですが、フレーム内の内容が多いと、ipadなどのsafariブラウザではどうしても全部表示されてしまいます。 色々調べて試しましたが、どうしても上手く動作させる設置方法が見当たらず。 ツイッター新ウィジェットは綺麗に収まってますし、ipadなどのsafariブラウザで見ても内容が全部表示されることもなく、指でスクロールできます。 あのようなiframeを設置したいのですが、御教示いただければ幸いです。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- iframeの高さを読み込むサイトの高さにしたい。
<iframe src="フレーム.html" width="100%" frameborder="0" ></iframe> と、記述したのですが インラインフレームの高さが小さく「フレーム.html」が全部表示し切れません。 インラインフレームの高さを「フレーム.html」の高さにあわせるにはどうしたらいいでしょうか? アドバイスお願いします。 _____________ | || | || | || |途中で切れる|| |____________|| スクロールバー↑ _____________ | | | | | | | | | | | |フレーム.html| |が全部表示 | |_____________| スクロールバーなし↑
- 締切済み
- HTML
- FrameSet後のiframeで
ホームページ初心者です。 よろしくお願いします。 HTMLエディタを使い記述していますが、 画面をFrameタグを使い、いくつかに分割しました。 そのひとつのFrameの中に「iframe」タグを使い、地図データを表示させようとしています。 ソースのパス指定を絶対パス、相対パス双方試しましたが、iframe内が真っ白な状態です。ブラウザは「ページが表示されました。」と返してきています。 オフラインの状態でframeタグを宣言しているhtmlをとばし、直接iframeを宣言しているhtmlを見ると、ちゃんと表示されます。 「Frame」「iFrame」タグを使った場合に、パス指定等何か別の決まりがあるのでしょうか。
- ベストアンサー
- HTML
- iframeからのリンクでスクロールさせるには
scrollsmoothly.jsを使用させもらっています。 iframe内にtarget="_top"でリンクを設置。 ※リンク先はiframeを表示しているページ内へのアンカーリンクです。 iframeでscrollsmoothly.jsを読み込んでもスムーズスクロールされません。 iframeが表示されているページに読み込んでも同じです。 target="_top"を外せばフレーム内でスクロールするのですが、 フレーム内でリンクさせたいわけではないので、どうしてもこれを外せません。 iframe内からのアンカーリンクでスムーズスクロールするにはどのようにすればよいでしょうか。 よろしくお願いします。
- 締切済み
- JavaScript
- iframeについて・・・
<iframe>タグを使う時、スクロールバーを縦あるいは横のみ表示させるにはどうしたらよいのでしょう??? 横にスクロールはしないので、横のスクロールバーは表示されたくないのに・・・ どなたか教えてください!
- ベストアンサー
- HTML
- <frameset>と<iframe>について
お世話になります <frameset>の場合、フレーム未対応のブラウザには <noframes>フレーム未対応のブラウザです</noframes> のようにすればいいと思うのですが<iframe>の場合はどうなのでしょうか? <iframe>もフレームなので未対応のブラウザでは表示されないのでしょうか? そもそもフレーム未対応のブラウザとはどのようなブラウザのことなのでしょうか? そういうブラウザを設定を変えたりして対応させることは可能ですか?
- ベストアンサー
- HTML
- フレームとiframeの違い
今、タグを調べているのですが、frameとiframeの違いが分かりません。 私にはどちらもブラウザを分割して表示するもの程度にしか理解できません。 どなたか分かりやすく説明して頂けないでしょうか? 分かる方には初歩的な質問だと思うのですが、考え方が悪いらしく、まったく理解できません。 ご教授お願い致します。
- ベストアンサー
- ブラウザ
- nyroModalとTwitterウィジェット
同一ページ内にてnyroModalとtwitter公式のプロフィールウィジェットを同時に設置しています。 nyroModalでリンク先のページを表示させようとすると、twitterウィジェットが暗転せず、 nyroModalで表示させているページがtwitterウィジェットの背面に隠れてしまうのですが 何か解決方法はありませんでしょうか。 nyroModalのhead内の記述は以下のとおりです。 <link rel="stylesheet" href="styles/nyroModal.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.nyroModal.custom.js"></script> 以上、宜しくお願い致します。
- ベストアンサー
- JavaScript
- 携帯ブラウザでiframe
お世話になります。 現在作成中の携帯用HPでiframeを使用しているのですが 携帯の機種によっては 「iframe対応のブラウザでご覧ください」 とメッセージが出てしまいます。 iframeは各機種のブラウザによって制約されてしまうのは存じていますが 別のページの内容をどの機種でも表示できるようにするには どのタグを使用すればよろしいのでしょうか? アドバイスお願いいたします。
- ベストアンサー
- HTML
- モバイルサイトにツイッターウィジェットの配置
WEBページにはツイッターウィジェットを使ってツイッターをスクリプトで配置できますが、モバイルサイトは配置できないのでしょうか? ツイッターウィジェットのサイトでタグを生成して張り付けて、携帯で見ると、空白になって何も表示されません。WEBサイトは問題ないのですが… なにか、やり方があるのでしょうか? また、モバイルではそもそも張付けは不可で リンクで飛ばすのが精一杯なのでしょうか? 宜しくお願い致します。
- ベストアンサー
- HTML
補足
何だか便利そうなサイトを教えていただいてありがとうございます^^ <IFRAME>のみに利用することも出来るのでしょうか? どれをインストールしてどう使えばいいのか、今のところよくわかりません^^ なにぶん素人なもので。。。 私も時間を見つけて再度調べてみるようには致しますが、もしお手すきの際にまた御連絡いただければ幸いに存じます^^