• ベストアンサー

スクロールバー非表示が IE で困難です

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

  • mqm
  • お礼率42% (581/1355)
  • CSS
  • 回答数3
  • ありがとう数12

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

  • ベストアンサー
回答No.2

HTMLならば、iframeに、scrolling="no"足してみて。

mqm
質問者

お礼

IE での不具合が見事に解決しました。 どうもありがとうございました。

その他の回答 (2)

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

No.1です。 >このような指定をしたところ、Firefox では正常に表示されています。  正常かどうかと、正しいか否かは別です。あなたが期待したとおりに「たまたま表示された」からと言って正常とは限りません。他のすべてのブラウザ、IEの各バージョンと互換モードなどをチェックするわけには行きません。  まず、No.1で示した方法を順番に確認してからですよ。

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

1) HTMLの文法チェック  ⇒Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html )  のDATA  「メモ: CSSスタイルシートを意図した通りに機能させるには、正しい文書解析木が必要です。つまり、正当なHTMLを用いるべきです。.( http://jigsaw.w3.org/css-validator/#validate_by_input )」 2) IEが標準モードで動作しているか?   ⇒DOCTYPEスイッチ-HTMLの基本( http://www.htmq.com/htmlkihon/302.shtml ) 3) overflowはブロック要素に対するプロパティです。 【引用】____________ここから 'overflow'  値: visible | hidden | scroll | auto | inherit  初期値: visible  適用対象: ブロックコンテナ ※  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Visual effects - CSS 2.1 spec (ja)( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/visufx.html#propdef-overflow )]より  iframeはインライン要素です。inline Frameという意味ですからね。  iframe{overflow:hidden;}はないです。  iframe{display:inline-block;/* または、display:block; */overflow:hidden;}でしょう。    この3点のすべて、あるいは一部が間違っているのではないかと・・ >図に示した通り、同じスクリプトが異なる表示をされてしまいます。  スクリプトではありませんが(^^)、スタイルの宣言の解釈が異なるのは、 1) 互換モード 2) 文法間違い 3) 適用対象の間違い  のいずれかです。

mqm
質問者

補足

<iframe src="**.html" style="overflow:hidden ; border-width:0px; "> このような指定をしたところ、Firefox では正常に表示されています。 IE でも同様にスクロールバーを隠す方法をお教えいただけますでしょうか。

関連するQ&A

  • 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
  • IE6だとスクロールバーが表示されません・・

    お世話になっております。 今回もホームページ作成のことで投稿しました。 宜しくお願いします。 作成したHPをIE7と8で確認したらスクロールバーが表示されているのですが IE6で確認したところ、スクロールバーが表示されず、ページの下の方が見れない状態でした。 最初7でもスクロールバーが表示されなかったので、ネットで調べて書いてあるとおりにしたら表示されるようになったので安心していたのですが、6で表示されていないことに気付きました。 IE6でも自動で表示されるにはどうしたらいいのでしょうか? ご指導の程、宜しくお願い致します。

  • スクロールバーを横に表示させたい

    IFRAME上でスクロールバーを縦ではなく横で表示させるにはどうしたらいいのでしょうか?

  • Java scriptでFLASHを表示したときのスクロールバー表示

    Java scriptでFLASHを表示したときのスクロールバー表示について悩んでいます。 index.htmlにはアイコンがあり、それをクリックするとJava scriptで小窓が開くようにしてあります。そこには、“scrollbars=yes”の引数があります。 小窓にはFLASHがひとつ表示されます。IEでの表示対策のため、FLASHを<object>ではなく、Java scriptで表示するようにしています。document.write('<embed src="***.swf"・・・といった感じです。 そうすると、index.htmlのJavascript小窓オープン時に“scrollbars=yes”としたにもかかわらず、小窓のウィンドウサイズを小さくしたときにスクロールバーが出ません。 FLASHを<object>で配置するとリサイズ時にスクロールバーが出るので、FLASHをJavascriptで配置するとそうなってしまうのかなぁ、と思っています。 IEで点線の枠が出てしまうのがみっともないので、できるだけ<object>で配置したくはないのですが…。 この場合、スクロールバーを表示するようにはできないでしょうか。

  • スクロールバーを消したいです

    ファイヤーフォックス1.0・ネットスケープ7.1では正常に見られるのですが、IE6.0・オペラ8.0ではスクロールバーが出てしまいます。状況としては・・・ ・iframe内で画像を直接指定して、フレーム丁度の大きさの画像を出している ・iframeに上下、左右のスクロールバーが出てしまってお互いの分だけ(厳密には違うのかも知れませんが)のスクロールが生じる 何が原因か分かる方は、対処法を教えていただきたいです。 強制的に消す方法以外でお願いします。 もう一つ、四つのブラウザのうちオペラだけの話なのですが・・・スクロールが出てしまう箇所があります。原因は【float】を使って【div】を横に並べてることだと思います。 ・ページ全体をスクロールさせるのではなく、【div1】の中でスクロールさせている。 ・【div1】の中に【float】を使って【div21】【div22】を横に並べている。 すると、何故かページ自体に空白のスクロールが出てしまうのです。【div1】の中に並べる数があればあるほど長くなります。消すとページのスクロールも消えるので【float】が原因なのは分かるのですが・・・これはどうにもならない問題ですか?これも「見た目に強制的に消す」以外の方法があれば知りたいです。

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

    PC上で操作するシステム画面をhtml+cssで作成しました。 そのhtmlファイルを、アクティブデスクトップに設定して使用する、というものなのですが、画面に出てしまうスクロールバーを非表示にしたいのですが、JavaScriptや、cssで、scroll=hiddenや、overflow:hiddenなど設定をしても非表示にすることができません。(ブラウザでも非表示にできませんでした。) 非表示の設定に関係するかどうかわかりませんが、 html内では、 メッセージをスクロールさせるために、 <body onLoad="scroll()"> の記述と、 タブ操作をするために、フリースクリプトのtabMakerを使わせていただいています。 不十分かもしれませんが、上記の内容で解決の方法はありますでしょうか。よろしくおねがいいたします。

  • スクロールバーについて

    iframeこちらのタグを使わずにテーブルの中にスクロールバーを表示させる方法を教えてください。お願いいたします。

  • Firefoxスクロールバーの有無でページがずれる

    Firefoxスクロールバーの有無でページがずれる 縦の長さが長いページから短いページに切り替えるとき、スクロールバーの関係で左右にガタガタずれて見えるためcssで html{ height:100%; margin-bottom:1px;} と入れてみました。(ネットで探したものです) そうするとOperaとgoogleとSafariではずれなくなったのですが、Firefoxだけ相変わらずずれます。 overflow-y:scrollにするとずれませんでしたが、IEで見たときスクロールバーが二重に見えたので、この方法は避けたいです。 Firefoxでもガタガタずれずに切り替えられる方法はありませんでしょうか? よろしくお願いします。

  • iframeの横スクロール

    iframeを使ってほかのページを表示させているのですが、 どうしても横スクロールバーが出てしまうのでcssのbody要素に 「overflow-x: hidden;」と入れました。 確かにiframeの横スクロールバーは消えましたが、ページの横スクロールも消えてしまいました。 div idでiframeを囲ってcssでその場所だけに「overflow-x: hidden;」を入れると今度は横スクロールバーが消えません。。 色々調べてみたのですが同じような人がいないようで; 詳しい方教えていただけないでしょうか。 (説明がへたくそですみませんm(_ _)m)

  • Firefox 横スクロールバーを表示したい

    当方webサイトを制作しています。 大体完成しており、ブラウザチェックをしている段階なのですが 修正したい箇所がありまして、修正方法をどなたか教えていただけますでしょうか。 横幅を960pxで作ったのですが、よくブラウザのサイズを小さくしたときに横スクロールバーが表示されますよね。 ところがFirefoxで確認したところ、横スクロールバー(縦は出ます)が 表示されず、小さくしたら見えていない部分を表示する手段がありません。 960px以下のモニタのユーザへの対処法として、解像度960px以下の場合は(要はページが画面に収まりきらない場合です) 横スクロールバーで、見えていないところも表示できるようにしたいのです。 現状は以下の通りです。 ・bodyに幅は指定していません(ウィンドウのサイズを960px以上に大きくしたときでもセンターに表示させるため) ・cssで960pxのサイズ指定をしている箇所はあります。 ・IE6では横スクロールが表示されています。 ・html上にwidth960pxのimgを置いてみましたが解決にいたりませんでした。 webで調べてみましても、「スクロールバーを消したい」の情報は あるのですが、「表示させたい」の対処法をみつけることができませんでした。 対処法をご存知の方、どうかよろしくお願いいたします。

専門家に質問してみよう