iframeのスクロールバー：縦だけを表示したい

解決済

質問者：niconico_1969
質問日時：2005/12/15 12:27
回答数：6件

インラインフレームで、縦だけスクロールさせたいのですが、横にもスクロールバーが表示されます。
インラインフレームを入れ込むテーブル幅より、
インラインフレーム自体のテーブル幅は小さくしてあるんですが、なぜなんでしょうか。過去ログをみてみたのですが解決しなかったので新たにアドバイスお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (6件)

ベストアンサー優先
最新から表示
回答順に表示

No.6ベストアンサー

回答者： goldfox
回答日時：2005/12/16 17:58

ひょっとしてdoctype宣言で標準モード（TransitionalのURLつきか、strict）を選んでますか？

確かこれで出るバグがあったと思います。

フレーム内のページに
html{overflow-y: scroll;}
を付け足すと消えるそうです。

参考URL：http://www.airemix.com/pukiwiki/pukiwiki.php?%5B …

- 2
- 件

通報する

この回答へのお礼

できました！すごい！
バグの情報をご存知なんてすごいですね。
いわれなきゃ絶対気づきませんし、あきらめていました。心から、感謝です。

通報する

お礼日時：2005/12/16 19:07

No.5

回答者： partita
回答日時：2005/12/15 20:11

srcで読み込むページのスタイルに

body{margin:0;padding:0;}を追加してください。

この回答への補足

marginは0にしていたのでpaddingを追加してみましたが変りありませんでした。
縦のスクロールバーの必要のないうちは、
横も表示されないのですが、
情報が増えて縦にスクロールが必要になると、
縦と共に横もバーが現れます。
overflow-x: hidden;　を入れているんですが・・・。
今の状態はこれです。お気づきの点、あるでしょうか。何度もすみませんがよろしくお願いします。

【index.html】
---
<table width="280" border="0" cellpadding="0" cellspacing="0"><tr><td width="280">
<iframe src="iframe_whats.html" width="280" height="130" scrolling="auto" frameborder="0" marginwidth="0" marginheight="0"></iframe>
</td></tr></table>

【news.html】
---
<style type="text/css">

</style>
</head>
<body>
<table width="260" border="0" cellpadding="0" cellspacing="0"><tr><td>
・
・
・
</td><tr></table>
</body>

補足日時：2005/12/16 10:44

通報する

- 0
- 件

通報する

No.4

回答者： yambejp
回答日時：2005/12/15 19:15

なんか書式間違えているんじゃないですか？

ちなみに overflowはIE5.0以上しか対応していない機能のようです。
本当に以下のように書いてますか？
例えばscrollingにyesを書いているとかポカはありませんか？

//main.htm
<iframe SRC="source.htm" scrolling="AUTO" width=100 height=100></iframe>

//source.htm
<style type="text/css">
body { overflow-x: hidden; }
</style>
test test test<br>
test test test<br>
test test test<br>
test test test<br>
test test test<br>
test test test<br>
test test test<br>
test test test<br>
test test test<br>
test test test<br>
test test test<br>

この回答への補足

記述に誤りはありませんでした。

補足日時：2005/12/16 10:44

通報する

- 0
- 件

通報する

No.3

回答者： goldfox
回答日時：2005/12/15 18:45

インラインフレームの中に表示するページの横幅が、フレームの横幅（－縦スクロールバーの幅）より大きく設定されていればスクロールバーは出ます。

出なければ、中のページのはみ出している場所を見ることができません。

・フレームの中のページで横幅をフレームより小さく設定する。
（フレームの横幅が300pxなら、中のページは横幅280px以下に設定するとか。tableとかimgも280以下にする必要がある）
・フレームの横幅をスクロールが出ないくらいに広げる。
・フレームの中に表示するページに「body { overflow-x: hidden; }」を指定する。
（先に書いた理由により、お勧めはできません）

この回答への補足

いずれも試していますがダメです・・。
もともと私が作ったサイトではないものの
更新作業なので、cssで何か設定があるかと思ったのですが特にスクロールバーやインラインフレーム、テーブルなど、関係する部分へのcssは見当たりませんでした。
なんなんでしょうか、、

補足日時：2005/12/15 19:03

通報する

- 0
- 件

通報する

No.2

回答者： mi_ka_n
回答日時：2005/12/15 16:02

テーブルのセルの中には余白や間隔があるからではないでしょうか？

余分な余白や間隔を消すのであれば、
テーブルで設定されているようなので、
<table cellpadding="0" cellspacing="0">
<tr>
略・・・

上のようにtableタグへ入れてみてください。

cellpadding（テーブルと文字の間のスペース）
cellspacing="0"（セルの枠線の太さ）

インラインフレーム側をさわるのであれば、下記のようにしてはどうでしょうか？

<IFRAME src="***.html" marginwidth="0" marginheight="0"></IFRAME>

marginheight="インラインフレームの枠と内容の上下の間隔"
marginwidth="インラインフレームの枠と内容の左右の間隔"

この回答への補足

いずれもダメでした、、
インラインフレーム自体のbodyタグにも上下左右のmarginを0にしているし、tableサイズは、iframeが入っているtd幅より少し小さくしてあります。
目でみても、フレームの右側は少し余裕があるくらいなのですが、スクロールしてわざわざその余白を見せてる、みたいになってます。
これまでこんなことなかったんですけど、、

補足日時：2005/12/15 17:46

通報する