すいません、教えてください。
フレーム機能を使っていると思うんですが、
画面からはみ出し多分は普通なら、





みたいなボタンが現れて、それをドラッグして
見えない部分を見ようとしますよね?▲と▼の
部分には長方形の物体が存在します。なんのことか
わからないかもしれませんが、多分今見てるこのサイトでも
右横と一番下に現れてると思います。

 普通なら、画面からはみ出た部分は上に書いたような
スクロールさせるための機能が自然に現れると思うんですが、
多分、フレーム機能を使った場合、そういうスクロールのための
表示がまったくされなくて、画面からはみ出た部分を見るには
マウスの右クリックと左クリックの真中についてる、クルクル
回すやつで移動させないとだめな機能はどうやったらできるのでしょうか?

 フレームで枠表示をさせないようもしたんですが、できませんでした。

 勿論、フレームを使っていない普通のHPの場合は画面に収まり
切れない部分がある場合、普通に画面右と下にスクロールするための
機能が出ることを言っているのではないです。

 あと、こういう機能を使うのはHP閲覧者にとって
どういう印象があるのでしょうか?見づらいでしょうか・・・? 

このQ&Aに関連する最新のQ&A

A 回答 (4件)

「マウスの右クリックと左クリックの真中についてる、クルクル回すやつ」=「ホイール」は基本的にスクロールバーを動かすためのものなのでスクロールバーがないページには反応しないはずです。



どのようなページをお作りになりたいのかわからないので私のアドバイスが的確かどうかわかりませんが、ページ(フレーム内ページ)内のボタンをクリックするとそのページ(フレーム内ページ)を指定したピクセルだけスクロールさせる機能を作ることはできます。
文字で説明するのはなかなか難しいので興味があれば下記ページを御覧になって下さい。
http://www.kamakuratoday.com/tanken.html
にアクセスし、ページ下の方の「お散歩隊」というリンクのいずれかをクリックしてみて下さい。
このページでは別ウィンドウが立ち上がりますが、これをフレーム内にサイズ固定+スクロールバーなしで記述してあげればできます。

詳細をご希望でしたら補足しますのでお知らせ下さい。
    • good
    • 0

はじめまして。

こんにちは。

usawingさんの言われる通り、
デザイン上どうしてもスクロールバーいらないという場合は"scrolling=no"でスクロールバーはなくなります。
ただこの場合、下や右にスクロールする画面があっても、ホイールマウスの機能は使用できないと思います。
そうすうるとマウスで上からドラッグして下の画面、右の画面を見ないといけなくなります。
よっぽど興味のある文章ならばそれでも見ると思いますが。。。
やっぱり見辛いですよね?

見る環境 = ブラウザ・画面解像度・フォントサイズ
等によって画面に入ったり入らなかったりするわけです。
自分のブラウザで見たときは画面に入りきってるからスクロールバーをなしにしていても、
見る人の環境によってはとても見辛くなったりします。
私の場合は、大体"scrolling=no"ではなく、"scrolling=auto"設定にしてます。
そうすれば、スクロールバーが必要な環境にはスクロールバーが出て、
そうでない環境の時は、スクロールバーは表示されませんので。
    • good
    • 0

見辛いと思いますよ。



IEユーザーはスクロールボタンやブラウザの端をドラッグすることで隠れた部分を
見ることもできますが、
Netscapeの場合は動かせません。つまり見ることができません。
usawingさんもおっしゃっていますが、見る人の環境も色々です。
ブラウザもそれぞれだし、PCのスクリーンサイズも人それぞれです。
(FONT SIZEなどで指定された文字はブラウザによって大きさが違います。
スクリーンも大きさがまちまちだし、解像度によって内容の表示される大きさも違います)

スクロールバーを消したい場合はusawingさんのおっしゃっているフレームの
スクロールバー非表示の指定にする方法か
javascriptで固定サイズのサブウィンドウを作成してスクロールバー非表示にする方法あたりでしょう。

あと、背景が単色なら、スタイルシートでスクロールバーを背景色と一緒に
してしまうという方法もあります。
ただしIE5↑やNN6↑の人にだけ有効ですが・・・。
    • good
    • 0

方法としては、<FRAME>タグの中に、SCROLLING=noと入れてあげればスクロールバーは非表示となります。


詳しくは、参考サイトをご覧下さい。

閲覧者としては、見にくいんじゃないかと思います。
みんながみんなスクロールボタン(?)のついているマウスを使っている訳じゃないですし……
(マックユーザーなんかは、マウスの右ボタン(?)すらないのが基本でしたし。)
ページレイアウトをするときに、確実に全部が入る(スクロールの必要がない)ようにしても、見る環境が違えば、どうしようもないですしね。

ただ、デザイン上スクロールバーをなくしたいと言うことでしたら、それはそれで仕方がないような気もしますが。

参考URL:http://tohoho.wakusei.ne.jp/html/frame.htm
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QInternet Explorerになぜフレームイン(フレーム外し?フレームリンク?)の機能がないのでしょうか?

 ど近眼で、しかも15インチCRTなので、640×480ピクセルで見ていますが、そうすると、2~3個フレームがあると、各フレームがせまくて見づらくて仕方ありません。
 Internet Explorerなどのブラウザには、なぜフレームイン(フレーム外し?フレームリンク?)の機能がないのでしょうか?
 ついでに、そういう機能をもったブラウザソフトがあるならば紹介してください。

Aベストアンサー

ツールなら、YunaToysが便利ですね。
このソフトを使えば、右クリック→ゆなデュプリケート という操作で、フレームの中身のみを新しいウインドウで開くことが出来ます。

参考URL:http://www.uryusoft.com/

QTableタグで、一覧部分を縦横スクロールでヘッダー部分を固定で表示できますか?

すみません、お知恵を拝借させてください。
Tableタグで、一覧部分を縦横スクロールでヘッダー部分を固定で表示できますか?

下記のソース1のように実現しようとしています。しかしDIVタグに任意の幅を設定(ソース2)
すると、テーブルタグの各列に幅設定が出来なくなってしまいます。幅を設定することは可能
か、設定方法をご存知ならば教えてください。 ※IE6限定で、JScript使用OKです。

Aベストアンサー

ソースを修正してみました。
変更点ですが、
1.セルが勝手に縮まらないようにヘッダーのテーブルサイズを固定しました。
2.ヘッダーのスクロール方法を変更しました。
scrollTopで移動できるのは、overflow:scroll;の記述がある場合のみです。
overflow:scroll;をつけるのは製作の意図と違うと勝手に解釈して、ヘッダーブロックの表示位置をlayerからの相対位置でずらす方法に変更しました。
その方法ですが、layerにもうひとつDIVをはさみ、DIVの相対位置をずらすことで、スクロールについていくようにしました。

以下ソースです
<html>
<head>
<script language="JavaScript">
function initialize(){
var data = document.getElementById("data");
var header = document.getElementById("header");
var cell = data.rows[0].cells;
var wkWidth;
for(var i=0; i<cell.length; i ++){
wkWidth = cell[i].offsetWidth;
header.rows[0].cells[i].width = wkWidth ;
cell[i].width = wkWidth ;
}
//↓↓↓ 1.ヘッダーのサイズを固定しました
header.style.width = data.offsetWidth;

document.getElementById("layer").style.width = "585px";
document.getElementById("region").style.width = "600px";
}

//↓↓↓ 2.ヘッダーの表示方法をDIVの相対位置を変えることで行うようにしました
function SlideHeader() {
//regionがスクロールした分だけDIVの表示位置をマイナスしています
document.getElementById("ViewSpace").style.left = (document.getElementById("region").scrollLeft * (-1)) + "px";
}

</script>
</head>
<body onload="initialize();">
<div id="layer" style="border:1px; overflow-x:hidden; overflow-y:hidden;">
<!-- 新たにDIVをはさみました。
layerに対して相対位置表示できるようにしています。
このDIVの相対位置を、をregionが右にスクロールした分だけ左に動かします。-->
<div id="ViewSpace" style="top:0px; left:0px; position:relative;">
<table id="header" style="margin:0px;" rules="all" border="1">
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>
</div>
</div>
<!-- onScrollを変更しています -->
<div id="region" style="height:80px; overflow-x:scroll; overflow-y:scroll" onScroll="SlideHeader()">
<table id="data" style="margin:0px;" rules="all" border="1">
<tr><td>ABCDEFABCDEFABCDABCDEFABCDEF</td><td>ABCDEFABCDEFABCEFABCDEFABCDEF</td><td>ABCDEFABCDEFABCDEFABCDEF</td></tr>
</table>
</div>
</body>
</html>

ソースを修正してみました。
変更点ですが、
1.セルが勝手に縮まらないようにヘッダーのテーブルサイズを固定しました。
2.ヘッダーのスクロール方法を変更しました。
scrollTopで移動できるのは、overflow:scroll;の記述がある場合のみです。
overflow:scroll;をつけるのは製作の意図と違うと勝手に解釈して、ヘッダーブロックの表示位置をlayerからの相対位置でずらす方法に変更しました。
その方法ですが、layerにもうひとつDIVをはさみ、DIVの相対位置をずらすことで、スクロールについていくように...続きを読む

Qフレームなしのページからフレームページのアンカー部分にリンク

フレームを使用していないページから、フレーム分割したページへとぶ際に、とび先の1ページのアンカー部分を表示させることはできるのでしょうか?
意味が分かりづらくて申し訳ありません。

また可能であれば、その方法をご存じの方、どうぞお教えいただけないでしょうか。
どうかよろしくお願いいたします。

Aベストアンサー

フレームのあるhtmlファイルには

<frame src="frame.htm" name="frame">

といった様に書いてありますよね。

<frame src="frame.htm#jump" name="frame">

と#jumpの様にframe.html内の<a name=で記述されているアンカーを追加してみてはいかがでしょうか。

Qテーブルのヘッダ部分固定でデータ部分をスクロールしたい

テーブルのヘッダ(最初のTR部分)が固定でデータ部分(ヘッダ以下のTR)がスクロールにより移動できるようにしたいのですが可能でしょうか?
フレーム分割で擬似的に作ることは可能と思いますがそれ以外で実現方法を探しております。
よろしくお願いします。

Aベストアンサー

最近のInternet Explorerに限れば次のようにできます。


<html>
<head>
<title>テーブルのデータ部分をスクロールするようにするテスト</title>
<style>
<!--
table { border-collapse: collapse; }
.tHeader, .tBody { border: 1px solid black; float: left; }
.tHeader { border-bottom: 0px; }
.tBody { height: 40px; overflow-y: scroll; clear: left; border-top: 0px; }
.tSample th { background-color: silver; border: 1px solid black; }
.tSample td { border: 1px solid silver; }
.tSample colgroup { word-break: break-all; }
.c1 { width: 2em; text-align: right; }
.c2 { width: 4em; }
.c3 { width: 4em; }
.c4 { width: 10em; }
br.clear { clear: both; }
-->
</style>
</head>
<body>
<div class="tSample">
<div class="tHeader">
<table>
<colgroup class="c1"></colgroup>
<colgroup class="c2"></colgroup>
<colgroup class="c3"></colgroup>
<colgroup class="c4"></colgroup>
<tr><th></th><th>A</th><th>B</th><th>C</th></tr>
</table>
</div>
<div class="tBody">
<table>
<colgroup class="c1"></colgroup>
<colgroup class="c2"></colgroup>
<colgroup class="c3"></colgroup>
<colgroup class="c4"></colgroup>
<tr><th>1</th><td>北海道</td><td>札幌</td><td>ラーメン</td></tr>
<tr><th>2</th><td>青森</td><td>青森</td><td>りんご</td></tr>
<tr><th>3</th><td>岩手</td><td>盛岡</td><td>わんこそば</td></tr>
<tr><th>4</th><td>宮城</td><td>仙台</td><td>笹かま</td></tr>
<tr><th>5</th><td>福島</td><td>福島</td><td>輪箱飯</td></tr>
</table>
</div>
</div>
<br class="clear" />
</body>
</html>


ヘッダ部とデータ部をdivで囲って,データ部をoverflow-y: scrollでスクロールできるようにしています。
ヘッダ部とデータ部で同じ<colgroup class="??">を記述して列の幅が等しくなるようにしています。

最近のInternet Explorerに限れば次のようにできます。


<html>
<head>
<title>テーブルのデータ部分をスクロールするようにするテスト</title>
<style>
<!--
table { border-collapse: collapse; }
.tHeader, .tBody { border: 1px solid black; float: left; }
.tHeader { border-bottom: 0px; }
.tBody { height: 40px; overflow-y: scroll; clear: left; border-top: 0px; }
.tSample th { background-color: silver; border: 1px solid black; }
.tSample td { border: 1px solid silver; }
....続きを読む

Q▲▲HTML・CSS TABLEから文字がはみ出す場合スクロールバーをつける?またCSSのBOXについて▲▲

例えば
<table border="1" width="650" height="700">
<tr>
<td></td>
<tr>
</table>

高さを700に設定しているので、中に文字を入力し700を超えるようであれば自動的に大きさが広がると思います。

その際TABLEの右側にスクロールをつけて、700をキープする事は可能でしょうか?

またCSSでスクロールバーつきのBOXを作ったときに横のスクロールバーだけを表示するように設定は可能でしょうか??

Aベストアンサー

<table>要素のheight属性は規格外なので、対応出来ていないブラウザがあるはず。
意図しない表示になる可能性があるので、使わない方がいいと思います。
<td>に対してheightを指定した方がベターかと。

CSSでは横方向スクロールバーのみを表示させるものは無いが、IEが独自拡張として
overflow-x: scroll;
とすると横方向のスクロールバーがIEのみで表示されます。が、非IE系レンダリングエンジン(Firefoa等Geclo系、Opera等)ではエラー扱いで適用されませんので、これも止めた方がよろしいかと。
overflow: auto;

overflow: scroll;
にしておいたほうが無難だと思います。


このカテゴリの人気Q&Aランキング

おすすめ情報