![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
フレームを使ったページの全体の幅を固定したいのですが、どうやったら出来るのでしょうか?
基本的にフレームは使わないほうがいいとかそういうことではなくて、フレームを使ったページの全体の幅をたとえば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ランキング
-
インラインフレームへのリンク...
-
CSSの擬似フレームでのリンク方...
-
左フレームからのリンクを右フ...
-
フレームで指定している送信先...
-
フレームページからログを取る方法
-
<iframe>タグが正常に動作しない
-
ホームページ作成 フレーム使...
-
フレームを使ったページの全体...
-
3分割フレーム表示の2つのフ...
-
フレームページの広告バナー
-
フレームセットを使用している...
-
直リンクとは。
-
target="_parent"
-
フレームの読込み順
-
スクロールバーを無くしてすく...
-
ブルダウンメニュー → インラ...
-
ホームページの複数のページで...
-
インラインフレームのデメリット
-
pythonのエラーについての質問...
-
同記述の自分のサイト内記述の簡略
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【至急!!助けて!】【スマホ...
-
どのページもすべて同じURLなの...
-
pythonのエラーについての質問...
-
フレームの片方だけを更新(リロ...
-
URLを変えないで表示する方法
-
フレーム間のリンクが巧く行き...
-
2つのページを重ねたい
-
フレームで指定している送信先...
-
直リンクとは。
-
嫌だなと思うHPって?
-
画面の一部だけ更新したいので...
-
HTMLファイルが表示されない
-
frameの内容が表示されない
-
スタイルシートでリンクをすべ...
-
html リンクを別フレームに表...
-
HTMLの画面分割方法について
-
html 左メニューから右への表示...
-
ソースが短い理由
-
WebサイトでHTMLのフォームに隠...
-
スタイルシートで背景画像を固...
おすすめ情報