HTMLで以下の効果を出すにはどうすればよいのでしょうか。
・ワクで囲ったようなページ
ちょっとわかりにくい表現で申し訳ありませんが、
ページの四方を枠で囲み、その枠は固定したまま、真ん中の部分だけでスクロールできるようなページを作りたいのです。
言い方を変えれば、一つのページの真ん中に一回り小さいページが置いてあって、その小さい方だけスクロールできるといった感じです。
・境界線の位置を変更できないフレーム
フレームの境界線を0にすると、境界線は見えなくなりますが、その境界のあたりをクリックすると、ドラッグで自由に境界線の位置を変更できてしまいます。これをできなくするにはどうすればよいのでしょうか。
・一定のレイアウトを保つページ
ウインドウの大きさを変えると、文章が途中で改行されたり、横に並べていたものが縦に並び替えられたりしてしまいますが、これはどうやったら防げるのでしょうか。
質問が多くなってしまってすみません。
よろしければ、具体的なHTMLの記述による回答、または、解決できそうな参考URLの回答をお願いいたします。
No.2ベストアンサー
- 回答日時:
参考URLのHTMLリファレンスの<IFRAME>が、それにあたります。
現在表示しているページ中の好きな位置で、別ページを読み込むというものです。
ただ、これはインターネットエクスプローラとネットスケープ6では対応していますが、
Netscape4.x以下では対応していませんので、ご注意ください。(Operaはたぶん対応しているんでしょうね。(曖昧))
その場合、別ページへの誘導等を行ってくださいね。
私自身ネスケ使用してるのでちょっと困る(笑)
と、ページでなく文字だけでも構わなければ、この投稿欄のようなテキストエリアでも可能ですね。
<FORM> と <TEXTAREA>が該当します。
No.3
- 回答日時:
通常のフレームを使って、まず横に三分割し、真中のフレームに縦三分割したフレームを読み込めば実現できる…かな?
+-------+
| | 上枠で、高さを固定。
+-------+
| | ← ここに 縦三分割のフレームを読み込む。
+-------+
| | 下枠で、高さを固定。
+-------+
中段に読み込む縦三分割のフレームはこんな感じで、
+-+---+-+
| | | |
| | | |
| | | |
+-+---+-+
↑ ↑ ↑
幅固定 ↑ 幅固定
↑
このフレームの中に、実際のコンテンツを読み込む。
こんなのでどうでしょう?
No.1
- 回答日時:
1の問は、インラインフレームや、通常のフレームでも、ちょっと凝れば可能です。
2の問は、<frame>タグ中に、「NORESIZE」を加えれば可能です。
3の問は、あなたが見ている環境が全ての人が見ている環境というわけではないので、やらない方がよいと思います。
改行を防ぐには<nobr>というタグが一応あります。
ただ、横に並べていたものが縦になるというのであれば、テーブルを使用されてはいかがでしょうか。
<table>
<tr>
<td><img src="1,jpg" width="30" height="12" ALT="naniyara" TITLE="naniyara"></td>
<td><img src="2,jpg" width="30" height="12" ALT="naniyara" TITLE="naniyara"></td>
</tr>
</table>
テーブルを使用していれば、大丈夫かと…。
テーブルを使用する際は、テーブルタグを閉じるのを忘れないようにしてください。
閉じるのを忘れると表示されないブラウザがあります。
以下のページを参考にあげます。
とほほのWWW入門
http://tohoho.wakusei.ne.jp/www.htm
HTMLリファレンスが参考になると思います。
参考URL:http://tohoho.wakusei.ne.jp/www.htm
素早い回答ありがとうございます!
1は、知識不足でちょっと分からないです。インラインフレームってどういうものでしょうか?
2は解決しました!こんな簡単なことだったのですね。
3に関しては、その通りですね。どんな大きさのウインドウで見てもレイアウトを崩したくないと思っていましたが、それ以前にどんな環境でも気持ちよく見られることのほうが大事ですね。なんとか工夫してみます。
参考ページ、大変参考になりました!
質問項目以外にもいくつか発見がありました。
ただ、1の質問に関しては、やはり分かりませんでした・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フレーム分割した全体をスクロ...
-
フラッシュでナウローディング...
-
pythonのエラーについての質問...
-
スクロールできない
-
フレームの片方だけを更新(リロ...
-
フレームページが表示されない...
-
htmlタグについて
-
フレームが表示されない><
-
広告バナーの外し方
-
フレーム内のURLを表示させる方法
-
HTMLでページの余白を設定したい。
-
HPのメニューを簡略化させる方法
-
フレームを使ったときに横スク...
-
インラインフレームの中のフレ...
-
フレーム(左)のスクロールバー...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
POSTしたデータの文字コードがu...
-
googleドライブで、PDFファイル...
-
HTMLページが勝手にダウンロー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
pythonのエラーについての質問...
-
フレームで指定している送信先...
-
フレームの片方だけを更新(リロ...
-
frameの内容が表示されない
-
2つのページを重ねたい
-
WebサイトでHTMLのフォームに隠...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
iframeを使わないで・・・
-
html 左メニューから右への表示...
-
formデータ送信時にフレームペ...
-
フレームが表示されない><
-
直リンクとは。
-
HP全体にmidiを・・・
-
HTML、1クリックで複数画像表示
-
HTML フレーム内にWebページを...
-
フレームがあるページでの更新...
-
フレームの表示と非表示の切り替え
-
「無題ドキュメント」の名前変...
おすすめ情報