- ベストアンサー
iframeでWIDTHとHEIGHTを指定せずにすむ方法は？
koutarou504の回答
- koutarou504
- ベストアンサー率44% (182/407)
ＣＳＳ で幅，高さは指定できます。 また、指定方法として、ID, CLASS を使う場合もありますが、それを用いなくても指定は可能なので容易には判断できません。 スタイルシートが無効に出来るブラウザで無効にして表示確認するなり、ソースを全部追ってみないと、意外と確認は困難だったりします。 JavaScriptを用いると HTML, CSS の書き換えも出来ますので、更に検証，調査は困難です。
関連するQ&A
- iframe の height は指定しないといけない？
左にメニューバー、右にメインコンテンツ、という標準的な配置になっています。 左のメニューバーを iframe にしているのですが、ここで height を100%にすると右のメインコンテンツの高さの分だけが表示され、途中で切れてしまいます。 height を書かないともっと短くなってしまいます。 ですので、メニューバーの長さを超えた数値を適当に入れています。 例えば、メニューバーの高さが500ピクセルだったら、600ピクセル位にしておけば全部表示されます。 しかし、この場合、メニューバーの項目が増えてくるとその度にこの数値を変更しないといけないし、いつも適当に数字をあてはめて確かめるというのも大変です。 iframeをメニューバーとして使い、全部が表示されるよい方法がありましたら教えてください。 どうぞよろしくお願いします。
- ベストアンサー
- HTML
- HTMLのwidthについて
パソコンの画面幅より大きいwidthを指定した場合でも ブラウザ下の横スクロールバーを表示して、スクロールできるようにしたいのですが できるのでしょうか？
- ベストアンサー
- HTML
- iframeの高さを読み込むサイトの高さにしたい。
<iframe src="フレーム.html" width="100%" frameborder="0" ></iframe> と、記述したのですが インラインフレームの高さが小さく「フレーム.html」が全部表示し切れません。 インラインフレームの高さを「フレーム.html」の高さにあわせるにはどうしたらいいでしょうか? アドバイスお願いします。 _____________ | ｜| | ｜| | ｜| |途中で切れる｜| |____________｜| スクロールバー↑ _____________ | | | | | | | | | | ｜ |フレーム.html｜ |が全部表示 ｜ |_____________｜ スクロールバーなし↑
- 締切済み
- HTML
- iframeのheight可変方法について教えてください
iframeのheight 自動可変 についてのjavascriptはたくさん書き込みがありますが、親ページの<head>～</head>内にscriptの書き込みは不可の場合に実現可能かお教えください。（楽天サイトのため） 【親ページ】 <html> <body> <iframe src="hoge.html（子ページ）" width="900px" height="●●"> </body> </html> 【子ページ】 <head>内など自由に書き込み可能 ●●部分を可変にしたいのですが可能でしょうか？ 可能な場合、実際のソースもお教えいただければ幸いです。 宜しくお願いいたします。
- 締切済み
- JavaScript
- iframeについて・・・
<iframe>タグを使う時、スクロールバーを縦あるいは横のみ表示させるにはどうしたらよいのでしょう？？？ 横にスクロールはしないので、横のスクロールバーは表示されたくないのに・・・ どなたか教えてください！
- ベストアンサー
- HTML
- iframeのスクロールバー
iframeの中に、 縦のスクロールバーは出てもいいのですが 横のスクロールバーは出したくないので、表示するファイルはテーブルで幅を固定してるのですが、どうしても横にスクロールバーが出てしまいます。 でないものもあります・・・。 何がいけなくて横のスクロールバーが出てしまうのでしょうか？？ よろしくお願いいたします。 ↓こちらです。 http://sound.jp/goldcherry/hp/prof.html wearという欄にどうしても横スクロールバーが出てしまって困ってます。
- ベストアンサー
- ホームページ作成ソフト
- 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
- 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 タグを使って、JavaScript でスクロールをさせたいの ですが、 <iframe width=150 height=200 src="test.htm"></iframe> 上記これだとスクロールしてくれるのですが、 <iframe width=150 height=200 src="http;//google.co.jp"></iframe> これだとスクロールしてくれません。 JavaScript は scroll(); を使ってます。 これは自前ページだけで、既存サイトのスクロールは無理なのでしょうか。 (http: だとアンカーになって見にくいので http; にしてます)
- 締切済み
- JavaScript
- 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