• 締切済み

【IE】iframeで呼び出したHTMLの表示幅について

こんにちは。質問させて下さい。 現在、http://yrotnus.web.fc2.com/testpage.html 上記のような構成のページを作っています。 (背景画像を、フレームをまたいで表示させるために、floatで左にコンテンツ、右にインラインフレームを配置しています) コンテンツをクリックしインラインフレームに内容を表示させているのですが、このページをIE8で確認した際、 ■内容が画面を越えて表示され、横スクロールバーが出る。 ■横スクロールバーが出た状態でブラウザの幅を変えてみると、  以降は呼び出したページが自動的に画面の幅に合う。 という状態になります。 firefoxでは、横スクロールバー自体表示されませんでした。 IEでも横スクロールバーが出ないようにしたいのですが、どうすれば良いのでしょうか。 overflow-x: hidden以外の方法を探しています。 よろしければご回答願います。

みんなの回答

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

iframeの制御はされてますか? 行内フレーム: IFRAME要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )  →scrolling ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/frames.html#h-16.5 ) 【引用】____________ここから scrolling = auto|yes|no [CI]  この属性は、当該フレームウインドウについてのスクロール情報を指定する。可能な値は次の3種。  ・ auto: この値は、ユーザエージェントに対し、必要であれば当該フレームウインドウにスクロール機構を提供するよう指示する。これはデフォルト値である。  ・ yes: この値は、ユーザエージェントに対し、常に当該フレームウインドウにスクロール機構を提供するよう指示する。  ・ no: この値は、ユーザエージェントに対し、当該フレームウインドウにスクロール機構を提供しないよう指示する。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Frames in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/frames.html#adef-scrolling )]より

noname#103738
質問者

お礼

ありがとうざいます。URL拝見いたしました。 「scrolling = no」を指定することで、 横スクロールバーを消すことはできたのですが、縦スクロールバーも消えてしまうため、overflow: hiddenと同じ表示になってしまいました。 http://yrotnus.web.fc2.com/testpage2.html(指定してみたページです) この場合も、ページの内容を越えた部分はhiddenされているのですが、 ■内容が画面を越えて表示され、横スクロールバーが出る。 ■横スクロールバーが出た状態でブラウザの幅を変えてみると、  以降は呼び出したページが自動的に画面の幅に合う。 という現象は起きています。 誤解をまねく質問文で大変申し訳ありませんでした。 この現象を回避する方法を探しております。 引き続きご教示お願いいたします。

noname#103738
質問者

補足

何度も申し訳ありません 色々試しているうちに、原因が判明しました。 インラインフレームを括っているdivに、widthが指定されていなかっためこのような表示になるようでした。 お騒がせして申し訳ありません。 手前勝手ですが、解決したため質問を締め切らせていただきます。 ありがとうございました。

すると、全ての回答が全文表示されます。

関連するQ&A