フレームを使ったページの全体の幅を固定したいのですが、どうやったら出来るのでしょうか?
基本的にフレームは使わないほうがいいとかそういうことではなくて、フレームを使ったページの全体の幅をたとえば780pxに固定できるか否か、出来るのならばその方法を教えてください。
サンプルを添付します。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="ja">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title></title>
<style type="text/css">
.container
{
width: 780px;
}
</style>
</head>
<div class="container">
<frameset rows="180,*" cols="*" framespacing="2" frameborder="yes" border="2">
<frame src="header.html" name="topFrame" id="topFrame" title="topFrame">
<frameset cols="180,*" frameborder="yes" border="2" framespacing="2">
<frame src="mokuji.html" name="leftFrame" id="leftFrame" title="leftFrame">
<frame src="honbun.html" name="mainFrame" id="mainFrame" title="mainFrame">
</frameset>
</frameset>
</div>
</html>
No.1ベストアンサー
- 回答日時:
ブランクページを追加すれば、leftFrameとmainFrameの合計で780pxに出来ます。
<frameset cols="180,600,*" frameborder="yes" border="2" framespacing="2">
<frame src="mokuji.html" name="leftFrame" id="leftFrame" title="leftFrame">
<frame src="honbun.html" name="mainFrame" id="mainFrame" title="mainFrame">
<frame src="about:blank" name="blank" id="blank" title="blank">
</frameset>
それ以外にも、個々のページで幅を固定すれば幅は固定されます。
header.htmlの<body>を780pxに固定
leftFrameに表示するページの幅を180pxに固定
mainFlameに表示するページの幅を600pxに固定
ありがとうございます。
ヒントをもとに、いろいろ工夫してみましたら、どんな画面サイズでも各フレームの幅を固定し、かつ、フレーム全体を必ず中央に表示し(左右のダミーフレーム部分を均等に左右に配置し)、どのブラウザでもダミーフレームの部分を灰色にすることができました。
この方法が使えれば、フレームページもまだまだメリットありますね・・・。
最初にフレームに慣れてしまって、最近の横に長い画面に悩まされていた私には大変な朗報でした。
長年、実に長年です。長年の悩みが解消されました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【至急!!助けて!】【スマホ...
-
pythonのエラーについての質問...
-
フレーム内に画像を表示する際...
-
2つのページを重ねたい
-
Excel VBAによるIEの制御に関して
-
ホームページの写真が表示されない
-
角の丸いフレーム(?)の作り...
-
フレーム内容が表示されない
-
ページが変わっても同じ音楽を...
-
フレームで指定している送信先...
-
フレームについて
-
フレーム分割画面全体にスクロ...
-
フレームなしのページからフレ...
-
ワンクリックで二つのフレーム...
-
どのページもすべて同じURLなの...
-
HTMLでページの余白を設定したい。
-
コンパイル済みhtmlヘルプ(拡張...
-
文字化けを解除するには
-
フレームの片方だけを更新(リロ...
-
リストの項目を隠す/表示する方...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
pythonのエラーについての質問...
-
どのページもすべて同じURLなの...
-
フレームの片方だけを更新(リロ...
-
2つのページを重ねたい
-
スタイルシートで背景画像を固...
-
スクロールできない
-
WebサイトでHTMLのフォームに隠...
-
ページが変わっても同じ音楽を...
-
frameの内容が表示されない
-
フレームで指定している送信先...
-
html 左メニューから右への表示...
-
target="_parent"
-
WordファイルをHTMLに埋め込む方法
-
直リンクとは。
-
URLを変えないで表示する方法
-
フレームを使わずに画面分割し...
-
フレームが表示されない><
-
画面の一部だけ更新したいので...
-
フレーム内のURLを表示させる方法
-
<iframe>タグが正常に動作しない
おすすめ情報