ついに夏本番!さぁ、家族でキャンプに行くぞ! >>

よろしくお願いします。

下記のような形でフレームを作っています。
SideMenu.htmlに長い文字列があると、二行になって折りかえされてしまいます。
SideMenu.htmlを、一行のままにして下にスクロールバーが出るようにするには、どのように書けば良いでしょうか?

<frameset cols="250,*">
<frame src="SideMenu.html" name="SideMenuFrame">
<frame src="Main.html" name="MainFrame">
</frameset>

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

A 回答 (3件)

基本的には2と同じですが、閲覧者の中には下部のサイドバーを表示してるだけで嫌な気分に成る人も居ます。


ユーザビリティの観点では閲覧者に何かの動作を強要する作りはしない方が無難な事を付け加えます。
「天地」の高さは仕様上致し方の無い事ですが、解像度の低いディスプレイの事も考えましょう。
    • good
    • 0

SideMenu.htmlの中にスタイルシートで


<style TYPE="text/css">
body { white-space: nowrap;}
</style>
と。

http://www.tagindex.com/stylesheet/text_font/whi …
    • good
    • 0

はじめまして



SideMenu.htmlを

<BODY>
<DIV style="width:625px">
(現在のSideMenu.htmlのBODYの内容)
</DIV>
</BODY>

で試してみてください。
625というのは別に根拠のある数字ではなく、
余裕を持って、大きめに設定しただけです。
    • good
    • 0

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

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

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

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

Qインラインフレームの横スクロールの非表示

インラインフレームの横スクロールの非表示ってどうやるのでしようか?縦のスクロールのみを表示させたいのですが,,,scrolling marginwidth="no" って入れてもだめでした

Aベストアンサー

No.5です。
すみません、言い方が悪かったので再回答します。

inline.htmlをテキストエディタで開いて、
<html>を<html lang="ja" style="overflow-x:hidden;">
(「lang="ja"」はなくても構いません)に書き換えてみて下さい。

inline.htmlの中身を編集してください、ということです。

Qフレームを使ったときに横スクロールバーを表示させたい

社内ホームページで左右分割のフレームを使おうと思っています。

左のフレームに
http://www14.plala.or.jp/sugachuu/JavaScript/index3.html
のページで紹介されている『Explorer風メニュー(2)』を使用して、
選択されたファイルを右のフレームに表示したいのですが、
その際、左フレームのリンクがどんどん奥深くなった時に、フレーム幅より長いリンク先名称が折れ曲がって表示されてしまいます。

とても見にくいので横スクロールバーを表示させて一行で表示させたいのですが、やり方がわかりません。
縦スクロールバーは自動に出てきます。

IEはバージョン6.0です。

お手数ですが、この件に関して分かる方がいらっしゃいましたらよろしくお願いいたします。

Aベストアンサー

フレーム自体での記述で、
<frame scrolling="auto" で自動判別、
<frame scrolling="yes" で常時表示、
<frame scrolling="no" で常時非表示、
と以上の様になります。
(HTML4.01 Frameset の文法より。)

また、リンク先名称の折れ曲がりの対策として、
行末の単語禁則処理 word-break:[normal(英文のみ単語の切れ目で改行) | break-all(英文、和文共に単語の途中でも改行) | all(英文、和文共に単語の切れ目で改行)]
というスタイルシートの機能があります。
ただしIEの拡張機能(IE5以上対応)なので
DOCTYPE も Transitional の互換モードでないと機能しませんが・・・。
IEでも標準モードでは機能しません。
(社内ホームページという事でブラウザの種類,バージョンを限定して作成できるかと思い・・・。)

あと、幅を計算しながら指定(スタイルシートを使用)するのも1つですが、
これは少々面倒かも。
ブラウザを意識しないメリットはありますが、
個々に幅を指定したり
場合によっては仕掛けから再作成の可能性が・・・。
(ただ、手間,知識は必要ですが、たぶん実現可能です。)

禁則処理は文章の内容によっては改行しますので、
お勧めは幅を指定する事です。
IE3など古いブラウザを意識しなければ
emという文字を基準とした単位もありますので
横幅何文字分と指定しておけば、
ブラウザの文字サイズ変更の機能も考慮できます。
ポイントはExplorer風メニューの仕掛けに
どの様に幅指定を組み込めるかです。
事前に組み込んでも影響がなければ良いのですが・・・。
もし影響が出る場合は、仕掛けをよく理解した上で
改めて設計,製造しないと実現できません。
たぶん大丈夫とは思いますが・・・。

とりあえず、がんばってください。

フレーム自体での記述で、
<frame scrolling="auto" で自動判別、
<frame scrolling="yes" で常時表示、
<frame scrolling="no" で常時非表示、
と以上の様になります。
(HTML4.01 Frameset の文法より。)

また、リンク先名称の折れ曲がりの対策として、
行末の単語禁則処理 word-break:[normal(英文のみ単語の切れ目で改行) | break-all(英文、和文共に単語の途中でも改行) | all(英文、和文共に単語の切れ目で改行)]
というスタイルシートの機能があります。
ただしIEの拡張機能(IE5以上対応...続きを読む

Qframeset要素を使わずに画面を分割したい

アンテナ(下記サイト)のように左にメニュー画面を、右にコンテンツを表示するホームページを作成したいと考えています。
https://antenna.jp/

ひとつのウインドウで画面を2つにわけるためにはhtmlのframeset要素を使えばできることは把握しているのですが、上記サイトのアンテナではframesetを使わずに画面分割をしています。

見た目やレスポンシブ対応のしやすさも考え、できればframesetを使わずに画面分割を行いたいのですが、どのようにすれば可能でしょうか。
メニュー部分とコンテンツ部分を別々にスクロールできるようにしたいです。

どなたか分かる方教えてください。

Aベストアンサー

長くなるから、参考ページ参照。

参考URL:http://www.geocities.jp/eijispace/2012/0419.html


人気Q&Aランキング