お世話になります。

Frameを2つ表示するhtmlを作成しているのですが、
2個目の「src="Window_2.HTM」をセンタリングして
表示したいのですが、どのように記述を変えれば
よいでしょうか?

お手数ですがなにとぞよろしくお願いいたします。


///////////作成ソース///////////
<frameset rows="45,*" frameborder="NO" border="0" framespacing="0">
<frame src="Window_1.HTM" name="menuhead" frameborder="no" scrolling="NO"
marginheight="0" >
<frame name="menumain" src="Window_2.HTM">
</frameset>
/////////////////

A 回答 (2件)

ダミーのフレームで「センタリングの両端」を作って下さい。



<frameset rows="1*,50%,1*">
<frame src="Window_1.HTM" (略)>
<frame src="Window_2.HTM" (略)>
<frame src="about:blank" (略)>
</frameset>


または、Window_2.HTMの中身をセンタリングしたいなら、
Window_2.HTMの中でセンタリングを指定して下さい。

body{
text-align: center;
width: 50%;
margin: 0 auto;
/* 等々 */
}
    • good
    • 0

実際に確認はしてませんが、frameはdivと同じブロック要素だと思うので、


スタイルシートで以下の記述を入れればセンタリングされると思います。

<frame name="menumain" src="Window_2.HTM" style="margin-left: auto; margin-right: auto;">

ご参考まで。
    • good
    • 0

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

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

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

Qフレーム分けしたHPを中央表示したいのですが、分かる方ご指導ください。

フレームで上と左右の3つに分けています。
下記のように、左によってしまいますが、
フレーム分けした場合は仕方ないのでしょうか?
http://www.twinklecloset.com

下記のHPのように、全体を中央表示したいのですが、
http://www.seven-rag.com/sr.html
もし分かる方、ご指導ください。
余白の背景は黒にしたいと考えています。

Aベストアンサー

参考となるサイトがあるのなら、そのサイトのソースをまずは見てみましょう。それだけで回答を得ることも出来ますよ。

さて、参考サイトのフレームですが、以下のような作りになっています。

<HTML>
<HEAD>
<TITLE>seven-rag.com</TITLE>
<FRAMESET COLS="*,865,*" frameborder="0" framespacing="0"
framepadding="0">
<FRAME SRC="whitespace0.html" NAME="c" frameborder="0"SCROLLING="no" NORESIZE>
<FRAME SRC="sr0.html" NAME="menu" frameborder="0"SCROLLING="no" NORESIZE>
<FRAME SRC="whitespace0.html" NAME="c" frameborder="0"SCROLLING="no" NORESIZE>
</FRAMESET></head>
</html>

---------------
FRAMESET COLS="*,865,*" が問題のところですね。
中心が865、残りはブラウザサイズに合わせて自動調整となっています。
http://www.asahi-net.or.jp/~ax2s-kmtn/ref/html/hp7.html
これで、真ん中のフレームを自動的に中心におくことができますよ。

参考URL:http://www.asahi-net.or.jp/~ax2s-kmtn/ref/html/hp7.html

参考となるサイトがあるのなら、そのサイトのソースをまずは見てみましょう。それだけで回答を得ることも出来ますよ。

さて、参考サイトのフレームですが、以下のような作りになっています。

<HTML>
<HEAD>
<TITLE>seven-rag.com</TITLE>
<FRAMESET COLS="*,865,*" frameborder="0" framespacing="0"
framepadding="0">
<FRAME SRC="whitespace0.html" NAME="c" frameborder="0"SCROLLING="no" NORESIZE>
<FRAME SRC="sr0.html" NAME="menu" frameborder="0"SCROLLING="no" NORESIZE>
<FRAME SRC="...続きを読む

Qフレームを使ったページの全体の幅を固定したいのですが

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

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

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

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

Aベストアンサー

ブランクページを追加すれば、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に固定

ブランクページを追加すれば、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>を780p...続きを読む

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

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

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

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

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

Aベストアンサー

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

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


人気Q&Aランキング

おすすめ情報