No.1ベストアンサー
- 回答日時:
今IEが手元にない環境から見ているので、実際の結果を検証できませんが…推測だけしてみます。
インラインフレームで表示される方のHTMLファイル(http://minatukiryu.blog60.fc2.com/index.php)(以下便宜上(a)ファイルとします)のコードと適用されているCSSを拝見しました。
おそらく、ですが(a)ファイルから参照しているCSS:
http://minatukiryu.blog60.fc2.com/template/a_mem …
で、メインのコンテンツを納めるtableに対して設定されている以下のスタイルの
.tb {
(省略)
margin-left : auto;
margin-right : auto;
width : 100%;
(省略)
}
これらの部分がインラインフレーム側((以下便宜上(b)ファイルとします))に横スクロールを出させているのではないかと思います。本来、インラインフレームのwidth属性で820pxという値が決められており、インラインフレーム内のコンテンツ幅がそれより少なければスクロールに関しては初期値の"auto"が適用されますのでこの場合820pxの中での100%という様に解釈されていれば横スクロールは発生しない筈です。IE6以外のモダン・ブラウザではその様にきちんと表示されているのではありませんか?ちなみに今Safariで見ていますが、Safariでは横スクロールは出ていません。
IE6は何かとW3Cの仕様に準拠しない挙動をする問題の多いブラウザですので、本件でも100%や左右マージンの解釈が異なってしまい、インラインフレームの幅よりも内部で表示されるHTMLファイルのコンテンツ幅の方が広い様に勘違いしている為に、本来不要な筈の横スクロールバーが(b)ファイル上で出てしまっているのかもしれません。
(a)ファイルの構成を見る限り、上記の(IE6で不具合を引き起こす原因と仮定している)スタイル部分は削除してしまってもレイアウトにほぼ影響はしないと思われます。一度この部分を削除(あるいは隠す)して、再度IE6での表示を確認されてみてはいかがでしょう。
ちなみに、
> 調べるとoverflow-x: hidden;を追加すれば消えるとあったので
とありますが、そもそもoverflowプロパティというのは「ブロック要素の内容が指定された横幅・高さの領域からはみ出した場合の表示方法を指定」するものですので、"overflow-x: hidden;"が有効になるのは「widthプロパティにより内容領域を指定されたブロック要素が、指定されたサイズよりも内容が大きなサイズをもつ場合」です。
(参考)http://w3g.jp/css/display_position/overflow
今回の場合、(a)ファイルに適用されるCSSの中で
html, body {(省略)overflow-x: hidden;}
としてしまっていますが、これでは「どこがはみ出す対象となるのか」が明確になっておらず定義が意味不明になっています。IE7でキーボード操作によるスクロールに弊害が出てしまっているのは、この妥当でない指定が影響してしまっているのだと思われます。こちらは削除して下さい。
これでだめでしたらこちらの仮定違いということでご容赦下さい。
蛇足ですが、(b)ファイルの方、HTML文書なのにDOCTYPEがなかったり、HTMLとXHTMLの記述が混在してしまっています。CSSやJavaScriptの挙動には、DOCTYPEが関わってくる場合がありますので、この機会に(b)ファイル側のHTMLの文法チェックなどをきちんとしておく事をお奨めしておきます、今後の為に。
この回答へのお礼
お礼日時:2008/07/25 23:26
margin-left : auto;
margin-right : auto;
width : 100%;
overflow-x: hidden;
を削除するということでしょうか?
やってみましたが、まだなってないです・・。
ちなみにfirefoxでも横スクロールバーはでませんでした。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- マウス・キーボード ノートPCのHome,Endキーが動作しなくなって困っています。PgUp,PgDnも。 2 2022/07/30 20:50
- Excel(エクセル) Excelでマウスを使って横スクロールしたい 7 2022/06/07 17:56
- マウス・キーボード キーボード設定で困っています。長文です。 2 2022/12/10 12:44
- Android(アンドロイド) 最近Facebooの画面を下にスクロールすると画面が上にちょっと上がって、スクロールが終わった頃に降 1 2022/06/07 03:03
- その他(プログラミング・Web制作) マウスオーバー→ホイール回転でスクロールできない 2 2022/10/31 10:06
- その他(Microsoft Office) outlookのツールバーが縦になってしまいました。。。直す方法はないでしょうか 2 2023/01/16 09:17
- Windows 95・98 Windows11の設定画面がスクロールできません。 2 2023/07/26 05:16
- その他(ゲーム) 横スクロールシューティングは完全2Dだけ? 2 2023/04/04 19:39
- Android(アンドロイド) スクロール 2 2023/01/05 10:26
- InternetExplorer(IE) Edge でマウスの真ん中のボタン(ミドルボタン)を押すと、スクロールするのを無効にしたい 2 2023/06/11 05:05
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
C#でCSVファイルをリストビュー...
-
サブフォルダ内のファイルを全...
-
VBA Bookの表示、非表示
-
vbaでDLL参照しているエクセル...
-
Thunderbird 振り分けされなく...
-
【マクロ】エクセルにかいてあ...
-
フォルダのサムネイル画像
-
2010でShiftキーを使っても自動...
-
大量のフォルダへのハイパーリ...
-
xcopyバッチを管理者として実行...
-
撮影後、SDカードに作成される...
-
ブラウザにIPアドレスを直打ち...
-
java auto updaterとは何でしょ...
-
【マクロ】フォルダを2つのモ...
-
空フォルダを一挙に作成する方...
-
エクセルのマクロについて教え...
-
I386フォルダの役目とは
-
Int Control で Execute の際、...
-
C:\\Documents and Settingsが...
-
【マクロ】フォルダを3つ、PO...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
サブフォルダ内のファイルを全...
-
C#でCSVファイルをリストビュー...
-
error RC2104について
-
Smarty で なぜか 「index.tpl...
-
EXCELのSheetを自動更新できな...
-
指定したフォルダ直下のファイ...
-
VBA Bookの表示、非表示
-
fgetsのfはどういう意味でしょ...
-
vbaでDLL参照しているエクセル...
-
バッチファイルでフォルダとフ...
-
隠されたファイル
-
拡張子のアイコンを取得
-
リストボックスに表示されたフ...
-
フォルダ内検索
-
サクラエディタに使用できるvbs...
-
音をならしたい・・・
-
アンインストール中のファイル...
-
Thunderbird 振り分けされなく...
-
Tera Termでのコマンド流し込み...
-
フォルダのサムネイル画像
おすすめ情報