- ベストアンサー
iframeについて・・・
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは Firefox,OperaではならないのでIEで・・・の話ですよね？ ページＡのbodyのdefault marginは除去されていますか？ ページＡのCSS body { margin:0px; width:230px; } もしくは<body style="width:230px;margin:0px;"> iframe <iframe src="ページＡのアドレス" style="width:260px;"></iframe> のような感じになってると横スクロールは出てこないですよ（＾＾） ・・・コンテンツによってページＡのwidthが230px以上になっていなければの話ですけど（＞＜）
その他の回答 (1)
260pxから230pxを引いた「30px」分が余ってしまうため スクロールバーに余白ができてしまうのではないでしょうか。 別ページAはテーブルか何かで横幅を指定されているのですか？ 的外れなアドバイスでしたら申し訳ありません。
お礼
ありがとうございます。 基本的にテーブルは一切使用しておらずCSSだけでのデザインです。 それでも知識不足で理由が分からず＾＾； お恥ずかしい限りです。
関連するQ&A
- CSSを使ってのiframe
xhtmlとcssでhpを作ってます。 iframeをcssで表現したいんですが、どうしてもフレーム枠に１pxほどの枠が出てしまいますので、それを無くしたいのと、スクロールバーが出ないようにしたいのですが、どのような書き方がベストでしょうか？ どなたかアドバイスをお願いします。 現状では以下の書き方をしております。 -----css----- #top{ float:left; text-align:left; width:300px; } #top_iframe{ overflow:auto; width:300px; height:150px;} -----html----- <div id="top"> <iframe src="xxx.html" title="top">更新</iframe> </div> 希望としては現状の幅300px 高さ150pxで、枠が無くスクロールバーもでないようにしたいのですが・・・ <<当方初心者なので、お返事頂けるさいにはcssとhtmlのタグでご回答願います。>>
- ベストアンサー
- HTML
- iframeの高さを読み込むサイトの高さにしたい。
<iframe src="フレーム.html" width="100%" frameborder="0" ></iframe> と、記述したのですが インラインフレームの高さが小さく「フレーム.html」が全部表示し切れません。 インラインフレームの高さを「フレーム.html」の高さにあわせるにはどうしたらいいでしょうか? アドバイスお願いします。 _____________ | ｜| | ｜| | ｜| |途中で切れる｜| |____________｜| スクロールバー↑ _____________ | | | | | | | | | | ｜ |フレーム.html｜ |が全部表示 ｜ |_____________｜ スクロールバーなし↑
- 締切済み
- HTML
- ホームページを作っています、ページ内にiframeで他のページを表示さ
ホームページを作っています、ページ内にiframeで他のページを表示させています。 IEではこのiframeにスクロールバーが出て、縦に長いデータをスクロールして閲覧あせる事が できるのですが、Firefoxだとスクロールバーが出ません・・・ どなたか表示させる方法をご存知でしたら教えてください。 以下HTML記述 <iframe name="iframe4" id="iframe4" frameborder="0" scrolling="yes" src="topix.html" title="※※">※※</iframe> CSS記述 #iframe4{ border-width : 0px 0px 0px 0px; margin-left : 0px; width : 420px; height : 490px; padding-top : 0px; overflow : hidden; margin-top : 0px; margin-right : 0px; margin-bottom : 0px; padding-bottom : 0px; }
- ベストアンサー
- HTML
- iframeに横スクロールを出現させない方法（IE６）
いつもお世話になっております。 今回は、IE６でiframeの横スクロールバーを出現させない方法がわからずこちらで質問させていただきました。 TOPページにindex.htmlを置いており、indexにiframeを3つ(top.html/menu.html/main.html)作成し、ページを作っております。 top/mainの2箇所に問題は無く、menuの部分での質問です。 iframeは幅200pxで設定しており、その中に幅指定100%のmanu.htmlをiframe src=""で埋め込んでいます。 menu.htmlには幅200pxで作成した背景画像(no-repeat)と、幅100%指定のiframeを使用しております。 menu.htmlに対しCSSで overflow: auto;を当てていますが、スクロール表示しないといけない状態に画面を変更した場合横スクロールが消えない状態です。（IE７ではきえるのですが…） IE6の特徴の、文章等がある場合親のサイズに合わすことが要因だと思いますが、iframe/menu.htmlのサイズを変更させず横スクロールを表示させないことは可能でしょうか？（menu.htmlを180px固定とか、index.htmlのiframeをscroll="yes"にすれば平気ですが、不恰好になるので…） よろしくお願いいたします。
- ベストアンサー
- HTML
- iframeからのリンクでスクロールさせるには
scrollsmoothly.jsを使用させもらっています。 iframe内にtarget="_top"でリンクを設置。 ※リンク先はiframeを表示しているページ内へのアンカーリンクです。 iframeでscrollsmoothly.jsを読み込んでもスムーズスクロールされません。 iframeが表示されているページに読み込んでも同じです。 target="_top"を外せばフレーム内でスクロールするのですが、 フレーム内でリンクさせたいわけではないので、どうしてもこれを外せません。 iframe内からのアンカーリンクでスムーズスクロールするにはどのようにすればよいでしょうか。 よろしくお願いします。
- 締切済み
- JavaScript
- 【ＩＥ】iframeで呼び出したＨＴＭＬの表示幅について
こんにちは。質問させて下さい。 現在、http://yrotnus.web.fc2.com/testpage.html 上記のような構成のページを作っています。 （背景画像を、フレームをまたいで表示させるために、floatで左にコンテンツ、右にインラインフレームを配置しています） コンテンツをクリックしインラインフレームに内容を表示させているのですが、このページをＩＥ８で確認した際、 ■内容が画面を越えて表示され、横スクロールバーが出る。 ■横スクロールバーが出た状態でブラウザの幅を変えてみると、 以降は呼び出したページが自動的に画面の幅に合う。 という状態になります。 firefoxでは、横スクロールバー自体表示されませんでした。 ＩＥでも横スクロールバーが出ないようにしたいのですが、どうすれば良いのでしょうか。 overflow-x: hidden以外の方法を探しています。 よろしければご回答願います。
- 締切済み
- HTML
- ｔｄの背景をiframeが邪魔する
ｔｄの背景として、両脇に縦のラインが出るようにしています。 そこにiframeで、他で書き込んだ内容が出るようにしたのですが、iframeが背景のラインを隠してしまうことがあります。右側の縦ラインが消えます。 （しかしなぜか、他の部分の書き方によって、出てきたり隠れたりします。） これを常に表示するには、どうしたらいいでしょうか。 この現象はIEのみで起こります。 その部分の書き込みは こんな感じです。 <td width="315" valign="top" background="base/info_back.gif"> <div class="title" style="border-left:6px solid #009966;height: 20px;"> INFORMATION</div> <center> <iframe src="info.html" scrolling="no" frameborder="0" height="180px" width="98%" allowtransparency="true"></iframe> </center> </td> また、設定したtdの幅できれいにiframe（右横のスクロールバーがｔｄの幅におさまり、下には表示したくない。）をはめ込むことができるでしょうか。 firefoxやOperaなどで表示幅が違ってしまうのはどうしようもないことでしょうか。
- 締切済み
- HTML
- iframeで、右側に余分な空白ができる
HMTLのiframeで、右側に余分な空白ができます。 padding-rightで余白を詰められると思ったのですが、詰まりません。 詰める方法はないでしょうか？ ■呼び出し元 <html> <body> <iframe src="./frame.html" width="310" style="padding-right:0px;"> </iframe> </html> ■呼び出される側 <html> あああああああああああああああああああああ<br> あああああああああああああああああああああ<br> </html>
- ベストアンサー
- HTML
- iframeのスクロールバーをウインドウと一体化
http://xappy.jp/ このサイトは外部サイトを iframe で開いているようです（ユーザー登録が必要なページで申し訳ないです）。 その iframe で開いているページのスクロールバーが、 普通のウインドウのスクロールバーと変わらない位置にあります。 自分の知識では、http://zumirin.cool.ne.jp/kowaza/iframe.htm のように iframe 内にスクロールバーを表示させる方法しか分かりません。 どうすれば同じように、iframe内のスクロールバーとウインドウのスクロールバーを一体化できるのでしょうか？
- ベストアンサー
- HTML
- iframeの横スクロール
iframeを使ってほかのページを表示させているのですが、 どうしても横スクロールバーが出てしまうのでcssのbody要素に 「overflow-x: hidden;」と入れました。 確かにiframeの横スクロールバーは消えましたが、ページの横スクロールも消えてしまいました。 div idでiframeを囲ってcssでその場所だけに「overflow-x: hidden;」を入れると今度は横スクロールバーが消えません。。 色々調べてみたのですが同じような人がいないようで； 詳しい方教えていただけないでしょうか。 （説明がへたくそですみませんm(_ _)m）
- ベストアンサー
- その他([技術者向] コンピューター)
お礼
ありがとうございます。 こんな初歩的な事に気づかず恥ずかしいです・・・＾＾： バッチリうまくいきました！！