タグ付けされた質問 「iframe」

「iframe」は、ドキュメント内に「インラインフレーム」を作成するHTML要素です。これにより、同じページに別のドキュメントを表示できます。

26
iframeをコンテナの残りの高さの100％に合わせる
バナーとiframeを使用してWebページをデザインしたい。iframeが残りのすべてのページの高さを埋め、ブラウザのサイズが変更されると自動的にサイズ変更されることを願っています。CSSでのみ、JavaScriptコードを記述せずにそれを実行することは可能ですか？ 私はheight:100%iframeに設定してみましたが、結果はかなり近いですが、iframe 30pxはバナーdiv要素の高さを含むページ全体の高さを埋めようとしたため、不必要な垂直スクロールバーが表示されました。それは完璧ではありません。 更新メモ：質問をうまく説明できなかったので失礼します。CSVマージンを試し、DIVでパディング属性を使用して、Webページの再配置高さ全体を正常に占有しましたが、iframeではうまくいきませんでした。 <body> <div style="width:100%; height:30px; background-color:#cccccc;">Banner</div> <iframe src="http: //www.google.com.tw" style="width:100%; height:100%;"></iframe> </body> コードスニペットを実行する結果を非表示スニペットを展開 どんなアイデアでも大歓迎です。
260 html  css  iframe 
17
高さ100％のフルスクリーンiframe
iframeの高さ= 100％はすべてのブラウザーでサポートされていますか？ 私はdoctypeを次のように使用しています： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 私のiframeコードで、私が言うなら： <iframe src="xyz.pdf" width="100%" height="100%" /> つまり、残りのページの高さが実際に使用されます（上部に50pxの固定高さの別のフレームがあるため）これはすべての主要なブラウザー（IE / Firefox / Safari）でサポートされていますか？ また、スクロールバーについてはscrolling="no"、私がと言っても、Firefoxで無効なスクロールバーが表示される...スクロールバーを完全に非表示にして、iframeの高さを自動的に設定するにはどうすればよいですか？
10
iframeを水平方向に中央揃えする方法は？
次の例を検討してください：（ライブデモ） HTML： <div>div</div> <iframe></iframe> CSS： div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } 結果： なぜがのiframeように中央揃えにならないのdivですか？どうすれば中央に配置できますか？
6
AngularJSの変数からiframe src属性を設定する方法
src変数からiframe の属性を設定しようとしていますが、機能させることができません... マークアップ： <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong... </iframe> </div> controllers / app.js： function AppCtrl ($scope) { $scope.projects = { 1 : { "id" : 1, "name" : "Mela Sarkar", "url" : "http://blabla.com", "description" : "A professional …
8
リソースの読み込みに失敗しました：net :: ERR_INSECURE_RESPONSE
サーバーをだます方法があるので、このエラーは発生しません： 有効なセキュリティ証明書によって署名されていないため、コンテンツはブロックされました。 私はhtml Webサイトのiframeを別のWebサイトにプルしていますが、この質問のタイトルとInternet Explorerでコンソール（クロム）エラーが表示され続けます。 有効なセキュリティ証明書によって署名されていないため、コンテンツはブロックされました。
20
内部のコンテンツに基づいてiframeの高さを動的にする-JQUERY / Javascript
OverаэтотвопросестьответынаStack Overflowнарусском：Какрастянутьiframeнавысотувсегоегосодержимого？ iframeにaspx Webページを読み込んでいます。iframeのコンテンツは、iframeの高さよりも高い場合があります。iframeにはスクロールバーを含めないでください。 div基本的にすべてのコンテンツであるiframe内にラッパータグがあります。サイズ変更を行うためにいくつかのjQueryを作成しました。 $("#TB_window", window.parent.document).height($("body").height() + 50); どこ TB_windowここでdiv要素であるIframe含まれています。 body -iframe内のaspxのbodyタグ。 このスクリプトはiframeコンテンツに添付されています。TB_window親ページから要素を取得しています。これはChromeでは問題なく動作しますが、TB_windowはFirefoxでは折りたたまれます。私はそれがなぜ起こるのか本当に混乱しています/迷っています。
10
HTML5によるiFrameの代替
HTML5を使用したiFrameに代わるものがあるかどうか知りたいのですが。つまり、iFrameを使用せずに、ウェブページ内にクロスドメインHTMLを挿入できるということです。
196 html  iframe 
16
iframeから親URLにアクセスする
さて、私は上のページとこのページにiframeを持っています。私がする必要があるのは、iframeページです。メインページのURLを確認してください。 私は周りを検索しましたが、iframeページが別のドメインにある場合、それはクロスサイトスクリプティングであるため、これは不可能であることを知っています。しかし、私が読んだすべての場所で、iframeページが親ページと同じドメインにある場合、たとえば、次のようにすると機能するはずです。 parent.document.location parent.window.document.location parent.window.location parent.document.location.href ...または他の同様のコンボ。同じ情報を取得するには複数の方法があるようです。 とにかく、ここに問題があります。私のiframeはメインページと同じドメインにありますが、同じSUBドメインにはありません。だから例えば私は持っています http：// www.mysite.com/pageA.html そして、私のiframe URLは http：// qa-www.mysite.com/pageB.html pageB.html（iframeページ）からURLを取得しようとすると、同じアクセス拒否エラーが発生し続けます。それで、サブドメインでさえクロスサイトスクリプティングとして数えられるようです、それは正しいですか、それとも私は何か間違っていますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.