- ベストアンサー
firefoxでスクロールバーが二重に出てしまいます
- 初めて自分でXHTML+CSSでサイトを作ろうとしている者です。containerの右側と下側に、スクロールバーが二重になってしまっている状態です。
- 通常のブラウザのスクロールバーに加えて内側にスクロールバーが二重になってしまっている状態です。
- どうすればこの内側のスクロールバーを消せるのでしょうか？
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
ovarflow:auto;が使われているためにスクロールバーが出ているわけですが、何故ここでこれを使用しているのかが良く分かりません。
その他の回答 (2)
- himajin100000
- ベストアンサー率54% (1660/3060)
すみません。当方環境で再現させることができません^^;; インストーラが嫌いなので以下のFirefox 2.0.0.3 私的ビルド(Visual C++ 2005 SP1 (PGO))のEXEの7-zipを解凍してC:\Program Files\ においた後 http://www1.plala.or.jp/tete009/software.html 上記2.0.0.3を-pオプション付きで起動して普段とは別なプロファイルを作りました。 その後，Firefox 2.0.0.3で以下のソースを読み込ませて見ましたが，再現しませんでした。何か手順間違えてたら突っ込んでください <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>サンプル</title> <style type="text/css"> #container { margin:0 auto; overflow: auto; background-color:red; /* 色はわかりづらいので意図的に変更しています */ width :90% ; height:100%; } </style> </head> <body> <div id="container"> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> <p>ほげ</p> </div> </body> </html>
補足
ごめんなさい、ちょっと分かりません。 実際は外部CSSファイル中にcontainer以外にも様々な指定がありますが・・・ わざわざお手数おかけしてしまい、ありがとうございます。
- mazimekko3
- ベストアンサー率38% (74/194)
body { width:100%; height:100%; overflow:hidden; } を追加する。
補足
お答え頂き、ありがとうございます。 追加してみましたが、外側のスクロールバー（通常のブラウザのバーです）が効かなくなっただけで、内側のバーは消えませんでした。
お礼
解決しました！ありがとうございました。 >何故ここでこれを使用しているのかが良く分かりません。 お恥ずかしい話ですが、どこかのテンプレからコピってきたものをそのまま使ってました・・・