ホームページ作成での質問なのですが、インラインフレームを使うと、なぜか横スクロールが出てしまいます。出てないページもあるのですが、横スクロールバーの消し方はありますか?ちなみにコンテンツの大きさは親フレームのサイズよりかなり小さいです。横幅がはみ出ていることはありません。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答6件)

id:naochu55 No.1

回答回数184ベストアンサー獲得回数0

ポイント15pt

http://www3.ocn.ne.jp/~uri-o313/yumesato/tag/3/scroll-kesu.htm

スクロールバー消去CSS[簡単タグ集]スタイルシート

コチラを参照してみてね。

id:yoiko333

ありがとうございます。

しかしなぜか解決できず。。。

2005/09/15 12:21:28
id:r-taro No.2

回答回数56ベストアンサー獲得回数0

ポイント15pt

http://www.tagindex.com/html_tag/frame/index.html

HTMLタグリスト/フレームタグ - TAG index

「インラインタイプのフレーム」の項が参考になりますでしょうか?

id:yoiko333

縦スクロールは残して、横スクロールを消したいのですが。。。なかなか難しいです。。。

2005/09/15 12:24:04
id:go-go No.3

回答回数73ベストアンサー獲得回数1

ポイント15pt

リンクはスタイルシートでの横スクロールバーを消す方法です。御参考までに。

id:naochu55 No.4

回答回数184ベストアンサー獲得回数0

ポイント30pt

これでどうですか?

長くてスミマセン・・・


<HTML>

<HEAD>

<TITLE></TITLE>

<SCRIPT language=JavaScript>

<!--

var oj_name_back

timeID=0;

function STAR_IE(oj_name) {

ojyp=document.all[oj_name].style.pixelTop;

ojxp=document.all[oj_name].style.pixelLeft;

OJ_UP(oj_name);

oj_name_back = oj_name;

timeID=setTimeout(”OJ_DOWN(oj_name_back)”,100);

}

function OJ_UP(oj_name){

document.all[oj_name].style.pixelTop = ojyp-10;//上下方向位置指定

document.all[oj_name].style.pixelLeft = ojxp;//幅方向(動きません)

}

function OJ_DOWN(oj_name_back){

document.all[oj_name_back].style.pixelTop = ojyp;//上下方向位置指定

document.all[oj_name_back].style.pixelLeft = ojxp;//幅方向(動きません)

}

function OJ_END(oj_name){

document.all[oj_name].style.pixelTop = ojyp;//上下方向位置指定

document.all[oj_name].style.pixelLeft = ojxp;//幅方向(動きません)

}

// End -->


</SCRIPT>

<META http-equiv=”Content-Type” content=”text/html; charset=SHIFT_JIS”>

</HEAD>

<BODY style=”OVERFLOW-Y: scroll; OVERFLOW-X: hidden; WIDTH: 100%” leftMargin=”0” topMargin=”0” marginheight=”0” marginwidth=”0”>

<P>ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</P>

</BODY>

</HTML>

id:yoiko333

firefoxでは大丈夫なのですが、IEだとどうしても横スクロールが発生します。。。

2005/09/15 12:43:45
id:cinZano No.5

回答回数189ベストアンサー獲得回数5

ポイント15pt

参考までに

いくら表示しないに設定してもサイズオーバーしていれば出てしまったような気がします。

インラインのフレームサイズとターゲット先のサイズ指定をもう一度確認して見てください。

多分ターゲット先のページの方が多少大きく成っていると思います。

以外と忘れがちなのがマージンの設定ですので<body>のマージン分を余分にフレーム幅を設定するか?bodyのmargin:0px;にしないとイケナイと思います。

既に確認済みでしたらごめんなさいm(__)m

id:yoiko333

フレーム幅を広げたり、マージンを0にしたりはやってみたのですが。。また、ターゲット先のテキストの横幅を限りなく小さくしても横スクロールが出てしまうんです。。

2005/09/15 14:42:44
id:mj99 No.6

回答回数138ベストアンサー獲得回数38

ポイント100pt

これかな?

フレーム内のコンテンツのHTMLタグに

style=”overflow-y: scroll;”

を追加すればよいそうです。

id:yoiko333

ありがとうございます!

<html>タグに直接記述することで解決しました!

IEのバグだとは。。。

2005/09/15 14:57:12

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません