HTML5でiframeスクロールバーを表示しない方法が不明

HTMLHTML5

問題点

 状態:一旦終了  閲覧数:3,899  投稿日:2015-06-17  更新日:2015-06-17
scrolling属性はHTML5では廃止されている
iframe 要素


bodyタグ?


・iframeタグに対して、下記3つを試すも、何れも効果なし
・iframeタグではなく、bodyタグに対して設定しなければ駄目?

body { overflow : hidden ;}

横スクロールバーを表示しない
body{ overflow-x : hidden ;}

縦スクロールバーを表示しない
body { overflow-y : hidden ;}


seamless とか全然対応していないみたいだけど何なの?

 閲覧数:606 投稿日:2015-06-17 更新日:2015-06-17 

seamless


HTML5 のみ
ブラウザがインラインフレームを、それを含む文書の一部であるかのように表示させることを示す真偽値属性です。例えばインラインフレームを含む文書に対して、その文書で指定されるスタイルより先に <iframe> に適用される CSS スタイルを適用したり、含まれている文書のリンクを親のブラウジングコンテキストで開いたりします (他の設定で回避しない場合)。XHTML では属性の最小化が禁止されており、seamless 属性は <iframe seamless="seamless"> として定義しなければなりません。

ブラウザ対応一覧
どこも対応していないみたい...


HTML5タグ 及び テンプレート

iframeタグ レスポンシブ対応 → うまくいかず



類似度ページランキング
順位 ページタイトル抜粋
1 WebサイトをHTML5で作成したら、IE8で、グローバルナビゲーション表示がおかしくなった 45
2 Firefoxで画像が表示されない 43
3 HTML5でテーブル 40
4 HTML5では、inputタグの閉じタグを付与しない 39
5 HTML5でページ内リンクが効かなかったら 39
6 Chromeをインストール出来ない 38
7 HTML5では「ブロックレベル要素」「インライン要素」で分類しない 38
8 Firefoxだけがログインできない 38
9 FireBug クィック情報ボックスを表示しないようにする 37
10 bootstrap3で意図せず横スクロールバーが表示される場合は、containerクラスの入れ子を疑う 37
11 Braveインストールしてみたけれども、全ての広告を必ず非表示に出来るわけではないみたい 35
12 URLが折り返し表示されない/Google Chrome 34
13 HTML5で、set_include_pathを用いると、先頭に謎の空白行ができる 34
14 rssページが正しく表示されない/Google Chrome 33
15 FireFox5.0のバー表示が崩れ、元に戻せなくなったら… 33
16 font-familyには游ゴシックを指定しない 33
17 デフォルトの「Google Chrome」ではURL欄にwwwが表示されないため、「Microsoft Edge」を使用する 33
18 HTMLで「1つのタグにidを複数指定」は出来ない! 32
19 iframe経由で読み込んでいるページへ直接アクセスした場合は、トップページへリダイレクト 32
20 Firefox8.0で、Cookieを表示 31
2022/11/29 1:18 更新
週間人気ページランキング / 11-22 → 11-28
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 59
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 27
3 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 26
4 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 12
4 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 12
4 「属性」「プロパティ」「アトリビュート」の違い | CSS 12
5 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 11
5 RGBの種類 / ビットカラー | RGB(色) 11
6 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) 10
7 ページ内リンクの位置を微調整するためには、Negative margin を使用する | CSS 8
7 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 8
7 16進数カラーコード / 2進数 8
7 Design 0 8
7 「bgcolor」「background-color」「background」の違い | CSS 8
8 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 7
8 height:100%;の効果を打ち消す(あるいは上書きする)には、height:auto!important; | CSS 7
8 「東京都」のカラーコード取得は難しい | カラーコード(色) 7
9 「line-height」効果を打ち消すスタイルシートは、「line-height:normal; 6
9 黒体 / 色温度 / D65(6500K)/ D50(5000K)/ K | 色 6
9 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 6
2022/11/29 1:01 更新