プロが教えるわが家の防犯対策術!

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

firefoxでは、横スクロールバー自体表示されませんでした。
IEでも横スクロールバーが出ないようにしたいのですが、どうすれば良いのでしょうか。
overflow-x: hidden以外の方法を探しています。
よろしければご回答願います。

A 回答 (1件)

iframeの制御はされてますか?



行内フレーム: IFRAME要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
 →scrolling ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )



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

この回答への補足

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

補足日時:2010/01/31 00:34
    • good
    • 0
この回答へのお礼

ありがとうざいます。URL拝見いたしました。

「scrolling = no」を指定することで、 横スクロールバーを消すことはできたのですが、縦スクロールバーも消えてしまうため、overflow: hiddenと同じ表示になってしまいました。
http://yrotnus.web.fc2.com/testpage2.html(指定してみたページです)

この場合も、ページの内容を越えた部分はhiddenされているのですが、
■内容が画面を越えて表示され、横スクロールバーが出る。
■横スクロールバーが出た状態でブラウザの幅を変えてみると、
 以降は呼び出したページが自動的に画面の幅に合う。

という現象は起きています。

誤解をまねく質問文で大変申し訳ありませんでした。
この現象を回避する方法を探しております。
引き続きご教示お願いいたします。

お礼日時:2010/01/30 22:40

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!