- 締切済み
Firefox 横スクロールバーを表示したい
当方webサイトを制作しています。 大体完成しており、ブラウザチェックをしている段階なのですが 修正したい箇所がありまして、修正方法をどなたか教えていただけますでしょうか。 横幅を960pxで作ったのですが、よくブラウザのサイズを小さくしたときに横スクロールバーが表示されますよね。 ところがFirefoxで確認したところ、横スクロールバー（縦は出ます）が 表示されず、小さくしたら見えていない部分を表示する手段がありません。 960px以下のモニタのユーザへの対処法として、解像度960px以下の場合は（要はページが画面に収まりきらない場合です） 横スクロールバーで、見えていないところも表示できるようにしたいのです。 現状は以下の通りです。 ・bodyに幅は指定していません（ウィンドウのサイズを960px以上に大きくしたときでもセンターに表示させるため） ・cssで960pxのサイズ指定をしている箇所はあります。 ・IE6では横スクロールが表示されています。 ・html上にwidth960pxのimgを置いてみましたが解決にいたりませんでした。 webで調べてみましても、「スクロールバーを消したい」の情報は あるのですが、「表示させたい」の対処法をみつけることができませんでした。 対処法をご存知の方、どうかよろしくお願いいたします。
- hapico8181
- お礼率100% (13/13)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- rukuku
- ベストアンサー率42% (401/933)
はじめまして まずは以下のHTML&CSSを試してください。 こちらでテストした結果では、FireFox3で横スクロールバーが表示されました。 もしかしたら「センターに表示させるため」が影響しているのかもしれません。 下記のHTML&CSSでは、 IEでセンタリングするために「Bodyにtext-align : center;」の設定をし、 FireFoxのために「DIVにmargin : 0 auto;」を設定しています。 <HTML> <HEAD> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>Sample</TITLE> <STYLE type="text/css"> <!-- body{ text-align : center; } .main{ border :1px solid #000000; width:960px; margin : 0 auto; text-align:left; } --> </STYLE> </HEAD> <BODY> <DIV class="main">Hello world</DIV> </BODY> </HTML>
関連するQ&A
- YouTubeに横スクロールバーが出てしまう FF
Firefox最新版。WinXP。画面解像度1024*600。ブラウザ表示倍率100%。 今週のYouTube改変で、ブラウザに横スクロールバーが出るようになってしまいました。 ブラウザウィンドウ最大化しても全画面表示してもYouTube内でどういう画面状態にしても常に出続けます。画面の横幅が20pxほど足りないようです。 画面が縦600pxしかないので、横スクロールバーは非常に邪魔です。 ブラウザ表示倍率は下げたくないです。 何か回避方法はないでしょうか？
- ベストアンサー
- ブラウザ
- 横スクロールバーが表示されてしまう
ホームページを作成中なのですが、横幅の余白はあるのにのに横スクロールバーまで表示されてしまいます。 フレームを使用していて、そこにTABLEタグを入れるとどうやら必ず表示されるみたいです。html{overflow:hidden;}のタグを入れていますが、それでもだめみたいです。TABLEなしにすると横スクロールバーは表示されないのですが、デザイン上TABLEは使いたいのでカットは無理です。 解決方法が分かりません。どなたがアドバイスよろしくお願いします。HTML初心者なのでできれば分かりやすい説明をお願いします。 ちなみに使用しているブラウザはIE6です。
- 締切済み
- HTML
- Firefoxの横スクロールについて
Firefoxのブラウザの横幅やスクロールについて教えてください 例えば、OKWaveのマイページではブラウザの横幅を調整すると問題なくその幅に合わせてページ内の文字がずれてある程度まではスクロール無し（文字の位置がずれて）の状態で縮小してくれます 教えてgooでも以前はOKWaveと同じだったと思うのですがここ2～3日？、HPの幅が広くなったのか？OKWaveと同じ大きさでは横スクロール表示され、ブラウザの幅も固定幅になってしまっています この時、ブラウザを縮めると横スクロールバーの右側部分と縦スクロールバーがHPの画面と一緒に消えてしまいます これはブラウザの設定の問題でしょうか？ それともHP製作者側の問題でしょうか？ 設定の問題でしたら改善方法を教えてください 現在解像度は1280*1024で使用していますが、これ以上上げると文字など（他ソフトなども）が見づらくなってしまうので解像度を上げるのは避けたいです よろしくお願いします
- 締切済み
- ブラウザ
- 横スクロールバーを消して中央表示させる方法
いつもお世話になっております。 さきほど、画面サイズと背景写真について質問させていただいたものです。 教えていただいた結果、ひとまず背景に横1600pxの画像を使用することに致しました。 そこで、ためしに1枚絵の画像を背景として入れてみたのですが、案の定といいますか、、、 横スクロールバーが出てしまい、あげくに中央に表示されていませんでした。 ブラウザや画面のサイズにとらわれず随時中央表示にし、横スクロールが出ないようにする方法を教えていただけないでしょうか？ どうかよろしくお願いいたします。
- ベストアンサー
- HTML
- tableで横スクロールバーが・・
tableの高さがブラウザの表示範囲を超えると 少しだけ右の方に空白ができ、 横スクロールバーが出てきて醜い状態になってしまいます。 タグは、大まかにこのような感じで、 外部スタイルシートを適用させていて、 tableには枠線をつけています。 <body scroll="auto"> <table style="width:720px;" class="枠線、パディング、マージン等"> <tr> <td colspan="2" style="background-image:url("***.jpg(720x150pxの画像)"); width:720px;height:150px;"> <a href="リンク">リンク</a> </td> </tr> <td colspan="1" width="100%"> <!メニュー部分> </td> <td colspan="1"> <!本文部分> </td> </tr> <tr> <td> <!著作権表示> </td> </tr> </table> </body> 本文が少なければ、tableの高さがブラウザの表示範囲の中に収まるので 横スクロールバーは出ませんが、 収まらないときには横スクロールバーが出てしまいます。 横スクロールバーを出さないようにするにはどうすればよいのでしょうか？ 分かりにくい箇所があればご指摘をお願いします。 回答をお待ちします。
- ベストアンサー
- CSS
- スクロールバーの幅を取得するには？
対象はIE6～8です。 CSSの overflow-y: scroll; で表示される垂直スクロールバーについてなのですが、 これは対象領域の横幅がスクロールバーの横幅よりも細いと、スクロールできなくなります。 （使用不可のグレー表示になります） ある機能を実現するために、スクロールバーだけを独立して表示させたかったので、 ぎりぎりの横幅（18px）を指定していたのですが、問題が起きました。 デスクトップでの右クリックから開ける「画面のプロパティ」→「デザイン」で、 フォントサイズを変更したり、あるいは詳細設定でDPIを変更すると、 スクロールバーの幅が変わってしまうために、「ぎりぎりの横幅」も変わってしまいます。 それにより、18pxの指定ではグレー表示となり動かせなくなりました。 この解決策を求めています。 現状としては、JavaScriptでスクロールバーの幅を取得できれば、 初期表示時に補正できるので、一番手軽と考えているのですが・・・ よろしくお願い致します。
- ベストアンサー
- JavaScript
- 横スクロールバーを出したい
ＨＰを作る時、個々のブラウザによって、見え方って違いますよね？ そこで質問です。 ＨＰビルダーで作成の私のサイト。前回作成した時は、ウェブ上に表示した時、 窓の幅を縮めると、自然と横スクロールバーがついて表が乱れる事はなかったんです。 今回更新したら、窓を縮めると、表の中の文字が勝手に改行してしまい、フォームが崩れてしまうのです。 フォームをこのままの形で保ち、表示がはみ出る場合は横スクロールバーを 出したい。こんな時は、どうすればいいのでしょうか？？
- ベストアンサー
- CSS
- 横スクロールバーが消えません
webにフレームやFlashを導入してリニューアルさせてたのですが、横スクロールがいくつかのページで出てきてしまい困っております。 テーブル幅はどのページも600ピクセル以下に設定しています。mac os XのIE 5.2だと横スクロールバーは１つも出ないのですが、win XPのIE 6.0だと何故か何個か横スクロールが出てきてしまいます。 どこかのサイトで横スクロールバーを消す方法で <style type="text/css"> <!-- body { overflow-x: hidden; } --> </style> これで消えるとあったんで試してはみたのですが、なにせhtmlの知識が乏しいので、使い方も悪いのか、まだ消えません。 どうやったらこの横スクロールバーを消せるのでしょうか？ どなたか分かる方いらっしゃったら教えてください。
- ベストアンサー
- HTML
- ブラウザのスクロールバーの長さを制御
ブラウザのスクロールバーの制御をしたいのですが、 いい方法が見つかりません。 たとえば、縦の長さ800pxある画像を表示させたときに 500pxまではブラウザのスクロールバーを非表示にさせ、 500px以下になったときにはじめてスクロールバーが表示される形を再現したいです。 この時、例えばブラウザウィンドウの縦幅を480pxにした場合は 差分の20px分のみのスクロールバーが出てきてほしいのですが、 単純にjavascriptで判別させてoverflowの切り替えをしてしまうと、 800px分のスクロールバーが出てしまうのです。 ちなみに画像は背景としてではなく、あくまでも画像として配置したいと思っています。 何かいい方法があればご教授ください
- 締切済み
- CSS
- スクロールバーを消したいです
ファイヤーフォックス1.0・ネットスケープ7.1では正常に見られるのですが、IE6.0・オペラ8.0ではスクロールバーが出てしまいます。状況としては・・・ ・iframe内で画像を直接指定して、フレーム丁度の大きさの画像を出している ・iframeに上下、左右のスクロールバーが出てしまってお互いの分だけ（厳密には違うのかも知れませんが）のスクロールが生じる 何が原因か分かる方は、対処法を教えていただきたいです。 強制的に消す方法以外でお願いします。 もう一つ、四つのブラウザのうちオペラだけの話なのですが・・・スクロールが出てしまう箇所があります。原因は【float】を使って【div】を横に並べてることだと思います。 ・ページ全体をスクロールさせるのではなく、【div1】の中でスクロールさせている。 ・【div1】の中に【float】を使って【div21】【div22】を横に並べている。 すると、何故かページ自体に空白のスクロールが出てしまうのです。【div1】の中に並べる数があればあるほど長くなります。消すとページのスクロールも消えるので【float】が原因なのは分かるのですが・・・これはどうにもならない問題ですか？これも「見た目に強制的に消す」以外の方法があれば知りたいです。
- 締切済み
- HTML
お礼
早速の回答ありがとうございます。 bodyにmin-width:を記述しましたところ解決いたしました。 どうもありがとうございました。