こんにちは。質問させて下さい。
現在、http://yrotnus.web.fc2.com/testpage.html
上記のような構成のページを作っています。
(背景画像を、フレームをまたいで表示させるために、floatで左にコンテンツ、右にインラインフレームを配置しています)
コンテンツをクリックしインラインフレームに内容を表示させているのですが、このページをIE8で確認した際、
■内容が画面を越えて表示され、横スクロールバーが出る。
■横スクロールバーが出た状態でブラウザの幅を変えてみると、
以降は呼び出したページが自動的に画面の幅に合う。
という状態になります。
firefoxでは、横スクロールバー自体表示されませんでした。
IEでも横スクロールバーが出ないようにしたいのですが、どうすれば良いのでしょうか。
overflow-x: hidden以外の方法を探しています。
よろしければご回答願います。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.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が指定されていなかっためこのような表示になるようでした。
お騒がせして申し訳ありません。
手前勝手ですが、解決したため質問を締め切らせていただきます。
ありがとうございました。
ありがとうざいます。URL拝見いたしました。
「scrolling = no」を指定することで、 横スクロールバーを消すことはできたのですが、縦スクロールバーも消えてしまうため、overflow: hiddenと同じ表示になってしまいました。
http://yrotnus.web.fc2.com/testpage2.html(指定してみたページです)
この場合も、ページの内容を越えた部分はhiddenされているのですが、
■内容が画面を越えて表示され、横スクロールバーが出る。
■横スクロールバーが出た状態でブラウザの幅を変えてみると、
以降は呼び出したページが自動的に画面の幅に合う。
という現象は起きています。
誤解をまねく質問文で大変申し訳ありませんでした。
この現象を回避する方法を探しております。
引き続きご教示お願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横 1 2022/10/06 21:17
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- Windows 10 パソコン初期化の件です 2 2022/06/05 11:05
- 会計ソフト・業務用ソフト Excelの二画面表示でマウスホバーするだけでスクロール 1 2023/02/27 11:00
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- Excel(エクセル) [入力規則]のリストボックス内の“不揃いの林檎たち” 3 2022/09/15 18:32
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フレームで指定している送信先...
-
フレームの読込み順
-
2つのページを重ねたい
-
左フレームからのリンクを右フ...
-
fc2ホームページでフレームページ
-
WebサイトでHTMLのフォームに隠...
-
フレームの中にフレーム
-
HPが上手く表示されないんです
-
pythonのエラーについての質問...
-
「無題ドキュメント」の名前変...
-
どのページもすべて同じURLなの...
-
フレームを使わずに画面分割し...
-
html 左メニューから右への表示...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
form action="#"
-
Webサイトから、txtファイルを...
-
HTMLページが勝手にダウンロー...
-
URLの.html省略について
-
一つのリンクに複数のURLを指定
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
フレーム内のPHPへPOSTで情報を...
-
pythonのエラーについての質問...
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
URLを変えないで表示する方法
-
html 左メニューから右への表示...
-
フレームページが表示されない...
-
スクロールできない
-
フレームで指定している送信先...
-
フレームが表示されない><
-
html リンクを別フレームに表...
-
ブラウザで4分割表示できますか?
-
直リンクとは。
-
frameの内容が表示されない
-
HTMLファイルの置き方による読...
-
CSSを使って画像をクリックする...
-
フレームの表示と非表示の切り替え
-
HPの一部に他のHPを表示
-
フレーム分割した全体をスクロ...
おすすめ情報