dポイントプレゼントキャンペーン実施中!

フレームを使ったページの全体の幅を固定したいのですが、どうやったら出来るのでしょうか?

基本的にフレームは使わないほうがいいとかそういうことではなくて、フレームを使ったページの全体の幅をたとえば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>

A 回答 (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に固定
    • good
    • 0
この回答へのお礼

ありがとうございます。

ヒントをもとに、いろいろ工夫してみましたら、どんな画面サイズでも各フレームの幅を固定し、かつ、フレーム全体を必ず中央に表示し(左右のダミーフレーム部分を均等に左右に配置し)、どのブラウザでもダミーフレームの部分を灰色にすることができました。

この方法が使えれば、フレームページもまだまだメリットありますね・・・。

最初にフレームに慣れてしまって、最近の横に長い画面に悩まされていた私には大変な朗報でした。

長年、実に長年です。長年の悩みが解消されました。
ありがとうございました。

お礼日時:2009/09/28 22:45

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