フレーム使用時の横スクロールバーについて
- 0 名前： こばった ： 2003/11/01 11:37
- Windows IE6.0で、フレームを使って画面を左右に分割したの
ですが、なぜか横スクロールバーが出現してしまって困ってます。
フレームの中身である文字列の横幅は、フレームで指定した
値よりも、テーブルタグで小さく整形しているんですけれど、
どうやら縦スクロールバーが必要な時には、無条件に横スク
ロールバーも表示されるような印象があります。
それも、ほんの少し横にスクロールできてしまうのがなんとも
中途半端で、気持ち悪いです。
ヒントをいただけると幸いです。よろしくお願いします。m(_ _)m
- 1 名前： ico ： 2003/11/03 00:23
- スクロールバーの幅はだいたい２０ｐｘくらいあります。
縦のスクロールバーが出た時の事も考え、
テーブルサイズをもう１回り小さくしてみて下さい。
800*600の解像度でも余裕があるのであれば、
スクロールバーを消してしまってもいいかと思います。
＞それも、ほんの少し横にスクロールできてしまうのがなんとも
中途半端で、気持ち悪いです。
本当によく分かります、その気持ち（笑
- 2 名前： こばった ： 2003/11/04 00:12
- icoさん、レスをありがとうございます！
それが、横幅をいくら極端に狭めても、残ってしまうんですよね、
横スクロールバーと微妙な遊びが。^^; また、いくら窓のサイズを
拡大しても同じなんです。むしろCSSで設定しているline-heightを
解除して、縦幅を小さくして縦のスクロールバーを消すと、横
スクロールバーも消えてくれるんです。でも、僕が作りたいのは
縦長いページだったりするので。。
他の質問者の方のURLを勝手に引用するのはまずいかもしれ
ないので、まずかったらクレームしていただきたいのですが、
先にインラインフレームについて質問されたasukaさんのホーム
ページのインラインフレームの横の遊びとまったく同じなんです。
横スクロールバーだけを非表示にすることってできないですよね？
どうしたものでしょうか。
http://www.geocities.co.jp/HeartLand-Apricot/1859/
- 3 名前： ico ： 2003/11/04 01:28
- ＞いくら窓のサイズを拡大しても同じなんです。
そうでしたか！ これでしたら私も同じ経験をしたことがあるんですよ。
何が原因だったのか調べてみた事があるのですが、
どうやらパーセント指定のテーブルが関係しているようです。
※以下はＭａｃ版ＩＥ５.０で確認しています。
テーブルの横幅を１００％にして、その中に縦スクロールが出るほどの長い内容を書き込んだり、
また同じようにパーセント指定のテーブルを入れ子にすると、
横幅が余っているにも関わらず横スクロールバーが出ました。
もしくは、リサイズボックスでウィンドウサイズを何度も変えたりしていると、突如横スクロールバーが出現したり…。
こばったさんはパーセント指定のテーブルを使用していませんか？
もしそうなら、ピクセルに変えてみて下さい。
ピクセルで幅を小さく指定しているのに横スクロールバーが出る、
というケースはちょっとありえないと思います。
こればかりは問題のページを実際に見ないとお答えできませんです。
＞asukaさんのホームページのインラインフレーム
確認してみましたが、横スクロールバーは出ていませんでしたよ。
インラインフレームの中に入っているページのソースを見てみましたが、
テーブルは使われていませんでした。
（asukaさん、勝手にソースを覗いてしまい申し訳ありませんm(_ _;)m）
＞横スクロールバーだけを非表示にすることってできないですよね？
できます。ただし今のところはＷｉｎのみになっています。
こちらのログをご参考下さい。
http://www.tagindex.com/cgi-lib/q1bbs/patio.cgi?mode=view&no=313
- 4 名前： こばった ： 2003/11/04 11:09
- icoさん、いろいろアドバイスしていただき、ありがとう
ございます！ごめんなさい、実はピクセルで指定してます。(泣)
それで、ふと思いついたんですが、私はHTMLの文書型宣言を
Strictで指定していて、それを取っ払ったり、Transitional
に変更したりすると、横スクロールバーが消えました！
先に挙げたasukaさんのHPもStrict指定みたいで、Strict+
IE6だと、必要に応じず横のスクロールバーが出現するにおいが
するのですが…。でもIE for Macでは表示されないんですね。
ちょっとお伺いしたいのですが、Macユーザーの方は現段階で
IE5とSafariのどちらをお使いになっているものなのでしょうか。
横スクロールバーの非表示の方法を示していただいたときに
どっちなのか知りたいと思いました。
あと、よろしければ答えていただきたいのですが、ページごとに
文書型宣言を変えるのはまずいやり方でしょうか？
フレームのことに詳しくなかったので、icoさんとのやり取りで
少し詳しくなれました。ありがとうございました。
- 5 名前： ico ： 2003/11/04 18:16
- あちゃ、ピクセルでしたか！
ありえないなんて言い切ってしまってお恥ずかしい限りです…。
しかし、文書型宣言という言葉が出てきた時点でピンときましたので、私がブックマークしているこのサイトのこのページをご紹介します。
ちょっとややこしくて文章も長いですが、これでスッキリ解決するはずですよ。＾＾
http://www.mars.dti.ne.jp/~fuming/advanced/dtd.htm
そういえばテーブルタグを使っているとお聞きしましたが、
Strict ではテーブルタグの使用は禁止されています。
普通に使ってしまいそうなタグも禁止されています。この辺の知識は大丈夫でしょうか？
Strict を宣言するならデザインに関する部分はすべてスタイルシートで表現しなければなりませんし、より正しい文法が要求されます。
よく分からない時は Transitional のＵＲＬなし にした方が無難です。
もしくは宣言そのものを消してしまいましょう。
＞IE5とSafariのどちらを
こういった情報にはあまり詳しくはないのですが、
ＯＳＸの定着次第では Safari のシェア率が増大するかもしれません。
しかし現状ではＩＥがまだまだ強いようですよ。
（ＯＳＸへの互換性に問題点が生じるため、
ＯＳ９↓で足踏み中な人もいます。ちなみに私もまだＯＳ９ですー…）
＞ページごとに文書型宣言を変える
問題ないと思います。
- 6 名前： こばった ： 2003/11/04 19:32
- おぉ、情報がポンポン出てくるのがすごいですね。^^
実はいまちょっと胃が痛いので、教えていただいたURLは
追って読んで、確認したいと思います(PHPとApacheの
連携が上手く行かず、胃にきてしまいましたT-T)。
Safariに関しても興味深く読ませていただきました。
かさねがさね、ありがとうございます！
先にできれば確認したいのですが、Strictの非推奨タグに
<table>も入ってるのはホントですか？ それともwidth
などでタグ内に属性を加えることが禁止されているので
しょうか。CSSでデザインするにも、表は<table>タグが
ないと作れないと思うので、おそらく後者の意味なのかな？
とか思いました。
それと、TransitionalのURLありとなしでは効果に違いが
生じるのですね。そこら辺もちょっと気になりました。
もしうんざりでなければ、お付き合いくださると嬉しいです。
- 7 名前： ico ： 2003/11/04 23:38
- すいませんでした。
テーブルタグについての書き方がおかしかったみたいで混乱させてしまいました。
こばったさんのおっしゃる通りです。
今後からは書いた後にちゃんと見直さなくては・・・。
ではでは、失礼します。
うんざりだなんて、とんでもありませんですよ！
こちらも色々と勉強になりました。＾＾
- 8 名前： こばった ： 2003/11/05 00:20
- どうもありがとうございました。
