- ベストアンサー
横スクロールを回避するには。。
８００ｘ６００の画面だと、ＨＰに横スクロールが出てしまって 見づらくなってしまいます。 サイトを見てくれてる人の画面によって レイアウトを自動的に横スクロールが出ないように レイアウトする事って出来ないのでしょうか？？ 確か、それが出来るようなソースがあったような気がしたんですけど すっかり忘れてしまいました（泣）
- nanashi4416
- お礼率12% (70/546)
- CSS
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。。 通常のＨＴＭＬだけでは、個々の人のディスプレイに合わせるのは、難しいでしょうね。 nyanchuさんの回答通り、最小のサイズに合わせなければなりません。 どうしても・・・と言う場合には、JavaScriptを使用すれば可能です。 横スクロールを無くす為には、横のサイズを個々のディスプレイのサイズを取得して、<TABLE>でWIDTHを固定してしまえば良い訳です。 一応、ソースを載せて置きます。 <HTML><HEAD><TITLE></TITLE></HEAD><BODY> <SCRIPT Language="JavaScript"> <!-- Screen_Width=screen.width *0.8; document.write('<table width='+Screen_Width +' border=1>'); // --> </SCRIPT> <TR><TD>テストだよん</TD></TR></TABLE> </BODY> </HTML> 試してみてください ps.画像サイズをフルだと、結局横スクロールするので、画面サイズ×80％にしてあります。
その他の回答 (2)
- nyanchu
- ベストアンサー率43% (22/51)
いまいち意図がわからなくて申し訳ありませんが、コンテンツをwidth="100%"等の%で幅指定したテーブルの中に作ってはどうでしょうか。そうすればテーブルがのびちぢみし、どのブラウザでも、そのウィンドウの割合で表示されます。もちろん文章は自動改行です。 しかし、画像を使ったり、きちっとしたレイアウトを組むには、「どのサイズ画面でも全体を表示させる」ためには、640×480等の小さい画面で見られるように作るしかないのでは？
- nyanchu
- ベストアンサー率43% (22/51)
すべての人に横スクロールがでないように作るには、みてくれる人の中でいちばん小さい画面をターゲットにつくらなければなりません。スクロールバーをでなくするということは、小さい画面のひとは、見えない部分をみるなということになってしまいます。
関連するQ&A
- 横へスクロール
あるボタン（例えばnext）を押すと、画面が横へゆっくりスクロールするようなものを作りたいのです。 どこかにそれが書かれているサイトはないかと探したのですが、どうやって検索していいのかもわかりません。。 どうぞよろしくお願いします。
- ベストアンサー
- JavaScript
- 横スクロールバーについて。
http://www.d3.dion.ne.jp/~tiyoko01/fure-mu/sample/top1.html 上記のようなHPを作ってるのですが、 画面左(ピンク色)の方の横(下)スクロールバーが出ません。 これだと画面縮小した時に右側が消えてしまって困るのですが、どうやったら出せますか？ scroll="auto"にしても出来ませんでした(>_<) CSSを加えないといけないんでしょうか？ できたらソースも書いていただけると助かります！
- ベストアンサー
- その他（インターネット・Webサービス）
- 横スクロールバーが消えません
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
- インラインフレームの横スクロールバーを消すには？
インラインフレームを使用したＨＰから、ＦＣ２ブログを呼び出そうとしています。 すると、必ず横スクロールバーが表示されます。 この横スクロールバーを消したい場合には、どのようにすれば良いでしょう。 ちなみにこのページになります。 http://ee.uuhp.com/~macyako/ ブログのbodyタグに以下を追加しましたが、無理でした。 body { overflow-x: hidden; } あと、インラインフレームの幅を広げてみたりしたのですが無理でした。 ソースが間違ったりしていますか？
- 締切済み
- HTML
- iframeの横スクロール
iframeを使ってほかのページを表示させているのですが、 どうしても横スクロールバーが出てしまうのでcssのbody要素に 「overflow-x: hidden;」と入れました。 確かにiframeの横スクロールバーは消えましたが、ページの横スクロールも消えてしまいました。 div idでiframeを囲ってcssでその場所だけに「overflow-x: hidden;」を入れると今度は横スクロールバーが消えません。。 色々調べてみたのですが同じような人がいないようで； 詳しい方教えていただけないでしょうか。 （説明がへたくそですみませんm(_ _)m）
- ベストアンサー
- その他([技術者向] コンピューター)
- 横スクロールのページ
私はＢ５サイズのノートＰＣを使っているので、 横幅の設定が大きいページは、画面を最大にしても 横スクロールになってしまいます。 これは仕方の無いことだと思ってます。 しかし、スクロールバーが表示されない場合は、 どうやって端の方を見れば良いのでしょう？？ よく行くサイトで、下に表示されるべきスクロールバーが 無いページがあります。 何が原因でスクロールバーが表示されなくなるのでしょうか？ あちこちのサイトをまわってますが 横幅がはみ出すページに限らず、どのページでも ウィンドウを小さくすると自動的にスクロールバーが出ます。 問題のサイトだけおかしいのだと思うのです…。 管理人さんにも、端の方が見れないことを伝えたのですが 「わからない」といわれました。 ここで教えていただければ、 管理人さんに直してもらえると思うのです。 このサイトのＵＲＬを書いた方がいいのであれば あとで補足します。 「ちょっと不便」という程度です。 急いで解答が欲しいわけではありませんが よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- 横スクロールバーを出したい
ＨＰを作る時、個々のブラウザによって、見え方って違いますよね？ そこで質問です。 ＨＰビルダーで作成の私のサイト。前回作成した時は、ウェブ上に表示した時、 窓の幅を縮めると、自然と横スクロールバーがついて表が乱れる事はなかったんです。 今回更新したら、窓を縮めると、表の中の文字が勝手に改行してしまい、フォームが崩れてしまうのです。 フォームをこのままの形で保ち、表示がはみ出る場合は横スクロールバーを 出したい。こんな時は、どうすればいいのでしょうか？？
- ベストアンサー
- CSS
- 横にスクロールする画面はどうやって印刷する？
すいません、緊急です。素人です。 サイトの中に、横にスクロールする画面がありますよね。これをプリントアウトしたいのですが、スクロール画面の左端だけしかプリントされません。 どうしたらいいのか教えてください。
- ベストアンサー
- その他（インターネット・Webサービス）
- 横スクロールを縦スクロールに変換したい
ちょっと違うのですが、こちらのサイトをご覧ください。 http://www.rinkokikuchi.com/# このサイトでは横スクロールデザインですが、マウスの縦スクロールをしても横にスクロールできるようになっています。 私が今困っているのはパララックスを使った縦スクロールのサイトを作っているのですが、 マウスのホイールを横にスクロールした際にもサイトを縦にスクロールできる様にしたいのですが、分かりません。 縦横どちらでもスクロールできる様にしたいです。 どなたか教えて頂けませんでしょうか。
- 締切済み
- CSS
補足
いえ、いえ、そういう意味ではなくて スクロールバーを出さないで、 どのサイズ画面でも全体を表示させる方法は無いか。 という事です。自動改行とか。 そういう事は無理でしょうか？ 言葉足らずですみません。