HTMLで横のスクロールバーを非表示にする方法
- HTMLの<frame>、<iframe>タグを使用して横のスクロールバーを非表示にする方法はscrolling="no"属性を追加することです。
- ただし、この方法では縦のスクロールバーも非表示になってしまいます。
- 縦のスクロールバーのみ残しつつ、横のスクロールバーを非表示にする方法については、JavaScriptなどの別の方法を使用する必要があります。
- ベストアンサー
html、スクロールバーを表示させない(横だけ)
HTMLでフレームのスクロールバーを表示させないには <frame>、<iframe>タグの属性、scrolling="no"とすればよいのですが それでは縦のスクロールバーも横のスクロールバーも消えてしまいます。 自分は横のスクロールバーのみ消して縦のスクロールバーのみ残したいのですがどうすればいいでしょう? 補足:上下にのみ動かせるページを作りたい。ということ。 わかるかたどうかお願いいたします。 HTMLでムリでしたらJavaScritpなどでもかまいません(が、解説、もしくは解説ページを教えていただかないと自分はJavaScriptが打てませんので・・・よろしくお願い致します。)
- pmaster
- お礼率46% (104/222)
- ホームページ作成ソフト
- 回答数1
- ありがとう数11
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
下記を、フレーム内の横スクロールバーを消したいページの <HEAD>と</HEAD>の間に入れてみてください。 <STYLE TYPE="text/css"> <!-- BODY { overflow-x: hidden; } --> </STYLE>
関連するQ&A
- 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
- 縦スクロールバーが表示されないようにする
iframeで表示されるサイトの内容によってHTMLの表示サイズを変更しないのですが、 javascriptをどのように記述すればいいのでしょうか? つまり、縦スクロールバーが表示されないようにする。 普通にscrolling = "no"と記述すると、 サイトの下側は表示されなくなってしまうので。
- ベストアンサー
- JavaScript
- 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
- スクロールバー
インラインフレームの縦スクロールバーは表示して 横スクロールバーは表示しないようにするには どうしたらよいでしょうか? フレームの枠を中に表示するHTMLのWIDHTより大きく 設定してるんですが、どうしても横スクロールが出て しまいます。 フレーム内に表示するページの幅って設定できるんですか? 詳しい方よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- スクロールバーが出ない
ホームページビルダー7を利用してます フレームで縦二つに分割しているページがあります 右のページはスクロールバーが出るのですが 左にはでません フレームの属性で、スクロールバーがなしになってたので 自動にしたのですが直りません 転送が出来てないのでしょうか? フレームの属性を変えたときのあとは転送はそのページを転送するのではなくほかの方法がありますか? ちなみに、プレビュー画面ではちゃんとスクロールバーは出てます つたない説明ですが、どうぞよろしくお願いします
- 締切済み
- ホームページ作成ソフト
- インラインフレームのスクロールバーについて
インラインフレームのスクロールバーが現れないようにしたいのです。それも、縦方向は残して、横方向のスクロールバーが出ないようにしたいのです。 MacのIEで確認すると(当方はMacintoshでホームページを作成しています)縦方向のみスクロールバーが現れ、横方向は現れません。がWindowsで確認すると縦横ともに現れるのです。 タグではautoとyesとnoしか制御する方法はないのでしょうか? Javascriptなどでもかまいません。 どなたかご存じでしたら教えてください。お願いします(泣) ちなみにテーブルのセルの中に作っているのですが、タグはこんな感じです↓ <td width="104"> <iframe src="info.html" name="info" width="100%" height="92" frameborder="0"> <p>このページはインラインフレーム対応のブラウザでご覧ください。</p> </iframe> </td>
- ベストアンサー
- HTML
- 横スクロールバーについて
Dreamweavwe8にて作業しています。 製作した画面はフレーム構造のメインコンテンツを表示する部分なのですが、フルCSSにて製作、確認画面でその画面だけを表示すると縦スクロールだけが表示され、横スクロールは通常時は表示しませんが、 INDEXを立ち上げ、フレームの一部としてみた時、横スクロールが表示されます。 それは、縦スクロールが消えるサイズまで広げると消えるのですが、縦スクロールがある間は表示されます。 ページの設定でスクロールは自動にしてあります。 フレームの設定は、 <frameset cols="166,*" frameborder="NO" border="0" framespacing="0"> <frame name="leftFrame" noresize scrolling="NO" src="menu.html"> <frameset rows="135,*" cols="*" frameborder="NO" border="0" framespacing="0"> <frame name="topFrame" noresize scrolling="NO" src="header.html" > <frame name="mainFrame" src="top.html"> </frameset> </frameset> としてあります。 ここで何か設定が必要なのでしょうか? 私が困っているのはtop.htmlのところです。 解りにくくてすいませんが、よろしくお願いします。
- 締切済み
- HTML
- 横スクロールバーが表示されてしまう
ホームページを作成中なのですが、横幅の余白はあるのにのに横スクロールバーまで表示されてしまいます。 フレームを使用していて、そこにTABLEタグを入れるとどうやら必ず表示されるみたいです。html{overflow:hidden;}のタグを入れていますが、それでもだめみたいです。TABLEなしにすると横スクロールバーは表示されないのですが、デザイン上TABLEは使いたいのでカットは無理です。 解決方法が分かりません。どなたがアドバイスよろしくお願いします。HTML初心者なのでできれば分かりやすい説明をお願いします。 ちなみに使用しているブラウザはIE6です。
- 締切済み
- HTML
- スクロールバーを無くしたい
フレームを使うとき、スクロールバーの有無を <FRAME Src="***.html" Name="menu" Scrolling="no"> のようなタグで決めるのは調べてわかったのですが、 フレームを使用せず、普通の一つのhtml文書でスクロールバーを非表示にする方法はありますか?
- ベストアンサー
- HTML