• ベストアンサー

iframeのスクロールバー非表示

html5、css2.1で作成していますが スクロールバーを非表示にするのに scrolling=noにしようと思ったら html5では有効でなくなったようなので html5で消す場合はどうしたらよいのか 教えていただけましたら幸いです。

  • CSS
  • 回答数3
  • ありがとう数2

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

  • ベストアンサー
  • yugere
  • ベストアンサー率37% (48/127)
回答No.1

HTML5より追加された<frame>タグで対応できませんでしょうか? http://www.htmq.com/html/frame.shtml

参考URL:
http://www.htmq.com/html/frame.shtml

その他の回答 (2)

  • dscripty
  • ベストアンサー率51% (166/325)
回答No.3

HTML5 に限らず iframe 要素の中のことは iframe 要素の中の文書で! html/* IE */, body { overflow:hidden; }

timespace
質問者

補足

ありがとうございます。 ただやってみたのですが、縦スクロールバーが出てしまいます。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

 HTML5では、プレゼンテーションに関わる要素や属性は一切排除されています。大丈夫ですか?  まだ、HTML5は勧告にはなっていないので、できれば、canvasとか使わないのでしたら、資料の豊富なHTML4.01strictを使うほうが良いでしょう。HTML5では、新しくheader,section,nav,aside,figure,hgoupなどの要素が追加されていますが、これらはHTML4.01では、<div class="header">のようにしていたものですから、そのように書けばよい。HTML4.01で書くにしても、scrollingは使わずスタイルシートで指定すれば済むことです。  なお、HTML,CSSは頭文字ですから、必ず大文字で書く習慣をつけましょう。

関連するQ&A

  • スクロールバーを無くしたい

    フレームを使うとき、スクロールバーの有無を <FRAME Src="***.html" Name="menu" Scrolling="no"> のようなタグで決めるのは調べてわかったのですが、 フレームを使用せず、普通の一つのhtml文書でスクロールバーを非表示にする方法はありますか?

    • ベストアンサー
    • HTML
  • フレーム(左)のスクロールバーを非表示にすると上下に動かなくなる問題。

    frameborder="no" scrolling="no" と記述すると フレーム(左)のスクロールバーを非表示にすることができますが ページを上下に動かすことができなくなってしまいます。 スクロールバーを非表示にしつつページを上下に動かすには どうすればよいのでしょうか?ご回答よろしくお願いします。

    • ベストアンサー
    • HTML
  • html、スクロールバーを表示させない(横だけ)

    HTMLでフレームのスクロールバーを表示させないには <frame>、<iframe>タグの属性、scrolling="no"とすればよいのですが それでは縦のスクロールバーも横のスクロールバーも消えてしまいます。 自分は横のスクロールバーのみ消して縦のスクロールバーのみ残したいのですがどうすればいいでしょう? 補足:上下にのみ動かせるページを作りたい。ということ。 わかるかたどうかお願いいたします。 HTMLでムリでしたらJavaScritpなどでもかまいません(が、解説、もしくは解説ページを教えていただかないと自分はJavaScriptが打てませんので・・・よろしくお願い致します。)

  • 縦スクロールバーが表示されないようにする

    iframeで表示されるサイトの内容によってHTMLの表示サイズを変更しないのですが、 javascriptをどのように記述すればいいのでしょうか? つまり、縦スクロールバーが表示されないようにする。 普通にscrolling = "no"と記述すると、 サイトの下側は表示されなくなってしまうので。

  • iframeの属性(スクロールバー)変更について

    OS情報:windowsXP ブラウザ情報:IE iframeの属性(スクロールバー)変更をしたいのですがうまくいきません。 変更したい属性は、スクロールバーの表示、非表示です。 背景色や指定URLの変更は、 document.getElementById("フレームID").style.backgroundColor = "yellow"; document.getElementById("フレームID").src = "移動先のURL"; などで出来るのですが、スクロールバーの属性変更ができません。 document.getElementById("フレームID").scrolling = "yes || no"; など、やってみましたがダメでした。 よろしくお願いしますm(__)m

  • 下に表示されるスクロールバーの消し方を教えてください。

    下記のようにtitle(上)、menu(右)、main(左)と、3つのフレームを分けて表示していますが、 <frameset rows="60,*" border="0" frameborder="0" framespancing="0"> <frame src="title.html" name="head" scrolling="no"> <frameset cols="130,*" border="0" frameborder="0" framespancing="0"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="cont.html" name="main" scrolling="auto"> </frameset> </frameset> *で表示しても、main(右)のフレームの下にスクロールバーが出てしまいます。右端の上下のスクロールはいかしたまま、下のスクロールバーを消すには、どのようにすればよいのでしょうか? 分からなくて困っています。もし分かる方是非教えてください。 現状はこんな感じになってしまっています。http://www.twinklecloset.com/index.html

    • ベストアンサー
    • HTML
  • iframeのスクロールバー

    iframeの中に、 縦のスクロールバーは出てもいいのですが 横のスクロールバーは出したくないので、表示するファイルはテーブルで幅を固定してるのですが、どうしても横にスクロールバーが出てしまいます。 でないものもあります・・・。 何がいけなくて横のスクロールバーが出てしまうのでしょうか?? よろしくお願いいたします。 ↓こちらです。 http://sound.jp/goldcherry/hp/prof.html wearという欄にどうしても横スクロールバーが出てしまって困ってます。

  • 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
  • Dream Weaver iframeについておしえてください!

    Dream Weaver8でホームページを作成中です。 iframeを使用したいのですが、スクロール機能を残したままバーを消すことは可能なのでしょうか? デザイン上、バーがとても邪魔です。 「scrolling no」だとスクロール機能も無くなると思うのですが、 あくまでもスクロールの機能を残したままバーのみ隠す方法を教えてください。 宜しくお願いします。

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

    Dreamweavwe8にて作業しています。 製作した画面はフレーム構造のメインコンテンツを表示する部分なのですが、フルCSSにて製作、確認画面でその画面だけを表示すると縦スクロールだけが表示され、横スクロールは通常時は表示しませんが、 INDEXを立ち上げ、フレームの一部としてみた時、横スクロールが表示されます。 それは、縦スクロールが消えるサイズまで広げると消えるのですが、縦スクロールがある間は表示されます。 ページの設定でスクロールは自動にしてあります。 フレームの設定は、 <frameset cols="166,*" frameborder="NO" border="0" framespacing="0"> <frame name="leftFrame" noresize scrolling="NO" src="menu.html"> <frameset rows="135,*" cols="*" frameborder="NO" border="0" framespacing="0"> <frame name="topFrame" noresize scrolling="NO" src="header.html" > <frame name="mainFrame" src="top.html"> </frameset> </frameset> としてあります。 ここで何か設定が必要なのでしょうか? 私が困っているのはtop.htmlのところです。 解りにくくてすいませんが、よろしくお願いします。

専門家に質問してみよう