http://www3.ocn.ne.jp/~uri-o313/yumesato/tag/3/scroll-kesu.htm
スクロールバー消去CSS[簡単タグ集]スタイルシート
コチラを参照してみてね。
http://www.tagindex.com/html_tag/frame/index.html
HTMLタグリスト/フレームタグ - TAG index
「インラインタイプのフレーム」の項が参考になりますでしょうか?
縦スクロールは残して、横スクロールを消したいのですが。。。なかなか難しいです。。。
リンクはスタイルシートでの横スクロールバーを消す方法です。御参考までに。
これでどうですか?
長くてスミマセン・・・
<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>
firefoxでは大丈夫なのですが、IEだとどうしても横スクロールが発生します。。。
参考までに
いくら表示しないに設定してもサイズオーバーしていれば出てしまったような気がします。
インラインのフレームサイズとターゲット先のサイズ指定をもう一度確認して見てください。
多分ターゲット先のページの方が多少大きく成っていると思います。
以外と忘れがちなのがマージンの設定ですので<body>のマージン分を余分にフレーム幅を設定するか?bodyのmargin:0px;にしないとイケナイと思います。
既に確認済みでしたらごめんなさいm(__)m
フレーム幅を広げたり、マージンを0にしたりはやってみたのですが。。また、ターゲット先のテキストの横幅を限りなく小さくしても横スクロールが出てしまうんです。。
http://www.airemix.com/pukiwiki/pukiwiki.php?IETips#content_1_4
Airemix PukiWiki - IETips
これかな?
フレーム内のコンテンツのHTMLタグに
style=”overflow-y: scroll;”
を追加すればよいそうです。
ありがとうございます!
<html>タグに直接記述することで解決しました!
IEのバグだとは。。。
ありがとうございます。
しかしなぜか解決できず。。。