インラインフレームで横スクロールバーが表示されるバグ
2010年7月16日 HP作成 コメント (2) ホームページにインラインフレーム(iframe)を組み込み、外部HTMLファイルを読み込んでinformationを行おうとしたところ、意図せず横スクロールバーが表示されてしまいかっこ悪い。縦スクロールはOKです。
当然、親フレームと子フレームのwidthチェック、marginやpaddingのチェック、borderのチェック全て行ったが問題なし。色々調べた結果、これはブラウザ側のバグであることがわかり、次の方法で解決できました。強制的にスクロールバーを表示させないのです。
これで解決できる。。。ハズ?(私は解決出来ました)
当然、親フレームと子フレームのwidthチェック、marginやpaddingのチェック、borderのチェック全て行ったが問題なし。色々調べた結果、これはブラウザ側のバグであることがわかり、次の方法で解決できました。強制的にスクロールバーを表示させないのです。
インラインフレームに読み込まれるファイルのタグに次の項目を加えます。
style="overflow-x:hidden;"
これで解決できる。。。ハズ?(私は解決出来ました)
コメント
ブラウザによっても全然違う見え方をするので、主要なブラウザすべてでチェックしなきゃいけなくなってきましたね(´;ω;`)
これ、いいな!って思ってもブラウザで対応してないのがあるのが、なんとも・・・。
今作ってるやつはIE以外では問題ないのですが、IEだけは正しく表示されません。
時間ができたら色々調べてみるつもりです。