• ベストアンサー

overflow:auto; の記述で横スクロールバーが表示される

gooブログでカスタムテンプレートを使用しています。 縦のみにスクロールバーをつけたくて 「overflow:auto;」 の記述をいれました。 Operaとfoxでは縦のみにスクロールバーが表示されます。 ですがIE6だけ、縦にも横にもスクロールバーが表示されます。 どうすれば、IE6でも縦のみのスクロールバー表示になりますか?

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

  • ベストアンサー
  • ma_f
  • ベストアンサー率53% (166/308)
回答No.1

overflow-x:hidden; で、いかがでしょうか。

goonobaka
質問者

お礼

IE独自タグがありましたね。忘れてました。 これで横のバーが表示されずにスッキリしました。 回答ありがとうございました。感謝です。

関連するQ&A

  • スクロールバー

    gooブログアドバンスでカスタムブルーのテンプレ使ってます。 左のサイドバーに縦のスクロールバーを設置したいのです サイドバー全部ではなくENTRY ARCHIVE(過去の年月)だけに設置したいのですが方法が分かりません menuBgに下記のソースを設置したらサイドメニュー全体になります overflow : auto ; /*スクロールバー*/ height : 185px; /*バーの高さ範囲設定*/ 色々やって見ましたが分かりませんのでご存知の方、ご教授できませんか?

  • 横スクロールバーが表示されてしまう

    ホームページを作成中なのですが、横幅の余白はあるのにのに横スクロールバーまで表示されてしまいます。 フレームを使用していて、そこにTABLEタグを入れるとどうやら必ず表示されるみたいです。html{overflow:hidden;}のタグを入れていますが、それでもだめみたいです。TABLEなしにすると横スクロールバーは表示されないのですが、デザイン上TABLEは使いたいのでカットは無理です。 解決方法が分かりません。どなたがアドバイスよろしくお願いします。HTML初心者なのでできれば分かりやすい説明をお願いします。 ちなみに使用しているブラウザはIE6です。

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

    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
  • スクロールバーを横に表示させたい

    IFRAME上でスクロールバーを縦ではなく横で表示させるにはどうしたらいいのでしょうか?

  • html、スクロールバーを表示させない(横だけ)

    HTMLでフレームのスクロールバーを表示させないには <frame>、<iframe>タグの属性、scrolling="no"とすればよいのですが それでは縦のスクロールバーも横のスクロールバーも消えてしまいます。 自分は横のスクロールバーのみ消して縦のスクロールバーのみ残したいのですがどうすればいいでしょう? 補足:上下にのみ動かせるページを作りたい。ということ。 わかるかたどうかお願いいたします。 HTMLでムリでしたらJavaScritpなどでもかまいません(が、解説、もしくは解説ページを教えていただかないと自分はJavaScriptが打てませんので・・・よろしくお願い致します。)

  • iflameのスクロールバーについて

    ページ内に、iflameでページを表示しようとしています。 縦に長いページなので、縦にだけスクロールバーを出したいのですが… <iframe src="http://...." width="600" height="400" scrolling="yes"></iframe> こんな感じに設定しています。 ウィンドウズIEではキレイに見えています。 ですが、マッキントッシュIEで見ると、スクロールバーが表示されません。 <iframe src="http://...." width="600" height="400" scrolling="auto"></iframe> にすると、マッキントッシュIEでもスクロールバーがきれいに表示されるのですが、 ウィンドウズIEで、必要のない下の部分(横部分)のスクロールバーまで出てしまいます。 この横スクロールバー、たとえ中味を短くしても、表示されるので…すごーく嫌なのです…。 マッキントッシュと、ウィンドウズ両方で、たて部分だけスクロールバーが出るようにする方法はあるのでしょうか?

    • ベストアンサー
    • HTML
  • IE6で、横スクロールバーだけ消したい

    本来、横スクロールバーが出るほどでもないようなページなのに IE6だけ、横スクロールバーが勝手に出てしまいます。 どうしたら、横スクロールバーを消すことができますか? (縦スクロールバーは必要です) ちなみに、フレームのページであっても、非フレームのページであっても出てしまうようですが、 下記の宣言を消すと、一応消えるのですが、他のスタイルシート等が無効になってしまうので困っています。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ページの内容は、複雑なTABLE入れ子をもったページです。 IE5、IE5.5、Firefox、Operaではどれも出ません。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 【CSS】IEでのoverflow使用時のスクロールバー

    overflow:auto;で疑似フレームを使用しています。 IEのみでスクロールバーが表示はされるのですが、 固定されてしまっていてスクロールが出来ません。 ここ数時間webで調べていたのですが、解決方法が分かりません。 解決方法はあるのでしょうか。

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

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

  • CSS)overflow,スクロールについて

    独学でホームページをツクッテいる者です。 overflow:scroll;をするとIE以外でうまく表示できません。 Firefoxなどでは、BOXの中の文字がスクロールバーごとBOXの外(右側)に大きくずれてしまいます。 IEですと、きちんとBOXの中に文字も収まり、スクロールバーも表示されます。 ためしにoverflow:scroll;をCSSから消して更新すると、文字はBOXの中に収まります。 FirefoxでもBox内がずれずにスクロールされる方法はないでしょうか?

    • ベストアンサー
    • CSS