• ベストアンサー

横スクロールバーを出したい

HPを作る時、個々のブラウザによって、見え方って違いますよね? そこで質問です。 HPビルダーで作成の私のサイト。前回作成した時は、ウェブ上に表示した時、 窓の幅を縮めると、自然と横スクロールバーがついて表が乱れる事はなかったんです。 今回更新したら、窓を縮めると、表の中の文字が勝手に改行してしまい、フォームが崩れてしまうのです。 フォームをこのままの形で保ち、表示がはみ出る場合は横スクロールバーを 出したい。こんな時は、どうすればいいのでしょうか??

  • ami-n
  • お礼率46% (30/64)
  • CSS
  • 回答数2
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

要は、ブラウザの横サイズによって折り返しが発生しないようにしたい、という事ですよね? なら以下の方法はいかがですか? <TABLE>タグを使用していて、その中に記載した文字列・画像を折り返さないようにしたいときは、<TD>タグ内に、NOWRAP属性を書き加えます。 例えば、 <TABLE> <TR> <TD NOWRAP> あああああああああああああああああああああああああああああああああああ </TD> </TR> </TABLE> とすると、あああああ・・・・の文字が改行されなくなります。 さらに、<TABLE>タグを使用していない文字列(含む画像)を折り返したくない場合は、その範囲を<NOBR>~</NOBR>で囲みます。 <NOBR>あああああああああああああああああああああああああ</NOBR> あと、ブラウザの大きさや表示フォントの大きさによってTABLEの大きさを変えたくない場合は、 <TABLE WIDTH=*** HEIGHT***> というように、ピクセル数で指定することも出来ます。 スタイルシートを使えば、もっと高度な技(各行の高さの指定等)もできますが、そこはすぐに答えられない(リファレンスを見ないとわからん・・・)ので、とりあえずこの程度でいかがでしょうか?

ami-n
質問者

お礼

ま・さ・に!その通りです。 NOWRAPを今あるソースに加えただけで、希望通りの物が出来ました! ちなみに、テーブルは勝手にピクセルが設定されていました(^^;)。 (ソコがシロウトでも、なぜか出来てしまうソフトのスゴイ所ですね) どうもありがとうございました! 本は持ってるんですけど、そういう細かい事は、意外と書いてないんですよね~。 ここはホントに助かります。

その他の回答 (1)

  • natural
  • ベストアンサー率37% (419/1115)
回答No.1

表の幅指定がピクセル数ではなく%になっているのではないでしょうか。 HPビルダーはあまり触っていませんので(持っているにも関わらず)よく解りませんが、保存時に設定が変わってしまったのではないでしょうか。 HTMLを直接御覧になるのが確実だと思うのですが…。

関連するQ&A

  • iframeのスクロールバー

    iframeの中に、 縦のスクロールバーは出てもいいのですが 横のスクロールバーは出したくないので、表示するファイルはテーブルで幅を固定してるのですが、どうしても横にスクロールバーが出てしまいます。 でないものもあります・・・。 何がいけなくて横のスクロールバーが出てしまうのでしょうか?? よろしくお願いいたします。 ↓こちらです。 http://sound.jp/goldcherry/hp/prof.html wearという欄にどうしても横スクロールバーが出てしまって困ってます。

  • インラインフレームの横スクロールバーを消すには?

    インラインフレームを使用したHPから、FC2ブログを呼び出そうとしています。 すると、必ず横スクロールバーが表示されます。 この横スクロールバーを消したい場合には、どのようにすれば良いでしょう。 ちなみにこのページになります。 http://ee.uuhp.com/~macyako/ ブログのbodyタグに以下を追加しましたが、無理でした。 body { overflow-x: hidden; } あと、インラインフレームの幅を広げてみたりしたのですが無理でした。 ソースが間違ったりしていますか?

  • 左に「お気に入り」を表示した時の横スクロールバー

    HB8を使っています。ブラウザはIE7です。 ホームページを作成しているのですが、IEで「お気に入り」を表示すると画面の左に 縦に表示されるのですが、この場合、作ったホームページがその「お気に入り」の幅によって、 改行になったり、画像とテキストがずれたりします。 こうならないように、「お気に入り」の幅が大きくなった際に横スクロールバーを出して、 ホームページが「変形」しないようにするにはどうしたらいいのでしょうか?? よろしくお願いします。

  • 横スクロールバーが消えません

    webにフレームやFlashを導入してリニューアルさせてたのですが、横スクロールがいくつかのページで出てきてしまい困っております。 テーブル幅はどのページも600ピクセル以下に設定しています。mac os XのIE 5.2だと横スクロールバーは1つも出ないのですが、win XPのIE 6.0だと何故か何個か横スクロールが出てきてしまいます。 どこかのサイトで横スクロールバーを消す方法で <style type="text/css"> <!-- body { overflow-x: hidden; } --> </style> これで消えるとあったんで試してはみたのですが、なにせhtmlの知識が乏しいので、使い方も悪いのか、まだ消えません。 どうやったらこの横スクロールバーを消せるのでしょうか? どなたか分かる方いらっしゃったら教えてください。

    • ベストアンサー
    • HTML
  • Accessの横スクロールバーの動きを検知するには?

    Accessのフォームで表形式の場合 フォームフッターの部分にボタン等を置いた時、横スクロールバーをスライドさせると、そのボタンも横にずれて隠れてしまいます。 横スクロールさせても、フォームフッターに置いたボタン等を、画面上一定の場所に置く方法はないでしょうか? スルロールバーが動いた時のイベントとかあるといいのですが。

  • スクロールバー

    現在HPを製作しています。 その過程で出た問題なのですが何かヒントになるような情報があれば教えていただければと思い、質問します。 HPの型としては、フレームを使って上下に分割されたものです。 起こった問題の現象としては ・下フレームで縦にスクロールバーが発生した時に、(おそらくスクロールバーの幅分)横スクロールバーが出現してしまいます。 ・こうして発生した横スクロールバーはブラウザの横幅を広げても消えません。 ・縦スクロールバーが消えると同時に消えます。 どうにかして縦のスクロールバーが出ても横は出ないようにしたいのですが、現在ヒントとなるものがなく闇雲に原因を探している状態です。 もしこのような現象に対してヒントのようなものをお持ちの方がいましたら。 知恵を貸していただきたいと思います。 よろしくお願いします。

  • operaの横スクロールバー

    operaブラウザの横スクロールバーが、ウィンドウ幅で表示にチェックが入ってないのに表示されません。 どうすれば直るでしょうか? バージョンは12.14、OSはWindowsXPです。

  • スクロールバーが表示されない・・・

    最近初めてHPビルダー8でサイトを作成しています。 なんとか順調に行ってネット上に公開までいったのですが、トップページでフレームと言うのでしょうか?? 左のフレーム側の方はスクロールバーが表示されるのですが、右側のページの方はスクロールバーが表示されないのです。 ビルダーのプレビューで見る時にはあるのですか、ネット上で見るとなくなってるのです。 ビルダーにあるフレーム属性の変更のスクロールバーの所を「あり」にしたり、ページの下の方に文字を置いたりしたのですが、ネット上で見るとどうしてもスクロールバーが出てくれません。 あと、パソコンはWindousを使っています。 説明不足かもしれないのですが…あまりパソコンに詳しくないのでどうぞ宜しくお願い致します!!

  • スクロールバー

    インラインフレームの縦スクロールバーは表示して 横スクロールバーは表示しないようにするには どうしたらよいでしょうか? フレームの枠を中に表示するHTMLのWIDHTより大きく 設定してるんですが、どうしても横スクロールが出て しまいます。 フレーム内に表示するページの幅って設定できるんですか? 詳しい方よろしくお願いします。

  • スクロールバーがおかしいのですが・・。

    ホームページビルダー17を使っています。古くてスミマセン。今朝までうまくいっていたのですが。 質問ですが、私のHPで右端のスクロールバー(背景と同色の色をつけています)が色は出ないし、上下しません。 3つのフレームページを使っていますが、2つの頁ではフレームページの属性でスクロールバーの設定をナシにしていますが、右端の頁ではスクロールバーの設定を自動にしています。ビルダーのプレビユーでは作成したままを表現してくれるのですが、パソコン上の私のHPの縦に長い頁では動きません。ただ、ホイールボタンを使用すると上手くスクロールしてくれるのですが・・・。他のPCではどうなのでしょうか。互換表示もやってます。URLはhttp://mustang.c-mash.co.jpです。もしくは「きもの風土記」で検索できます。 私のHPを開くと右にグレーのスクロールバーがあります。ページをせばめると、当然のことながら下にスクロールバーが出ます。下のスクロールバーでページを広げると、私の本来のHPのスクロールバーが出てきます。言うならば、スクロールバーの中に私のHPがある形になっています。右のスクロールバーが二つあるという形です。もちろん私のHPだけで、ヤフーとか他のHPは正常に見られます。 どなたかよろしくお願いします。 ※OKWAVEより補足:「富士通FMV」についての質問です。

専門家に質問してみよう