CSSテクニックコミュの横スクロールバー表示固定

こんにちはっす。
ＣＳＳで出来そうで出来なかった横スクロールバー表示固定について質問させてください。

<IFRAME>～</IFRAME>で、縦横スクロールバーを常に固定で表示させたいのですが、どうにもうまく横スクロールバーが表示固定できなくて苦戦しています。（縦スクロールバーは出来る）

<IFRAME scrolling="yes">
<IFRAME scrolling="yes" style="overflow:scroll;">
<IFRAME scrolling="yes" style="overflow-x:scroll; overflow-y:scroll;">

とか試したのですが、横が出ません…

<DIV style="height:100px; width:100px; border:2px inset;
overflow-x:scroll; overflow-y:scroll;"></DIV>

みたいな感じを実現したいのですが、、、どなかたやり方ご存知でしょうか？

コメント(6)

最初
全て
最新の40件

[1] mixiユーザー 08月10日 17:44

iframeの場合、overflowを利用する意味は何なのかよくわかりませんでした…

とりあえず言える事は、overflowはdiv以外の要素に適用するとブラウザによってバグが生じるという事ぐらいです。
（winIE4.5とOpera6では否応なしにバグります）

[2] mixiユーザー 08月10日 18:20

アドバイスありがとうございます。> imaiさん

div以外に適用すると正しい動きをしないプロパティなんですか。

やりたいことが「iframeで横スクロールバーを常に表示させたい（IE5.5以降限定）」ということだったので、スクロールバーの表示制御というキーワードで調べていくと"overflow"に辿り着きました。

まだ知識不足のため、"overflow"と<iframe>のscrolling="yes"しかスクロールバーの表示制御に関する記述を知らず、その二つで何とかなるかなと思い、色々試してたのですが、ダメだったので質問してみました。

もう少しCSSについて勉強して、また考えてみます。

[4] mixiユーザー 08月10日 19:15

[5] mixiユーザー 08月11日 10:47

>div以外に適用すると正しい動きをしないプロパティなんですか。

えと、ブラウザやブラウザのバージョンやOSによってバグでちゃんと表示されないという意味でっす。
このプロパティが悪いのではなく、バグのおかげといった感じっす。

ズレるだけとかならまだ良いのですが、場合によってはhidden状態になってしまうバグもあるみたいなので言ってみました。私はoverflow使うときはdiv以外には適用しないようにしています。

overflowは簡潔に言うと、決めた縦横幅のボックス（ブロックレベル要素）の中身の要素が、その縦横幅から飛び出した場合どういう処理をするか、みたいな感じのプロパティだったと思うので、iframeに適用してもあまり意味がないのかな～と思いました。

やっぱり、iframeのscrollingを使うのが無難というかベストな気が致します。

[6] mixiユーザー 08月12日 13:34

アドバイスありがとうございます！＞禁魚さん、つねさん、imaiさん

やっぱりscrolling=yes使うのがベストっすね。
禁魚さん言った、
> iframe自体と読み込まれる側の要素の幅を固定して、常に
> 読み込まれる側の要素の幅が広くなるようにしてはどうですか？
という方法でいくことにしました。

二つの縦の長さが同じiframeで、縦スクロールバーをJavaScriptで同期させていたんですが、一方は横スクロールバー有りで一方が無しだと、縦バーの長さがずれてキレイに同期できなかったんですよ。そこで、なんとかiframeの内容にかかわらず、横スクロールバーを出したままにできないかなと思考錯誤してました。

みなさんどうもありがとーですm(__)m

ログインすると、みんなのコメントがもっと見れるよ