ベストアンサー

フレームの位置について

2004/08/13 02:05

今、メモ帳を使ってホームページを作っています。フレームの設置をしたいのですが、そのフレームの位置は指定できないんでしょうか？普通に設置すると、画面の端から端までになってしまいます。私は、フレームを横に２分割していてそのフレームを上下左右に、いくらか間隔をもたせ真ん中にもってきたいのですがどうしてらできるのでしょうか？教えてください。お願いします。

aitatata
お礼率35% (10/28)

HTML
回答数3
ありがとう数4

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

noname#185537

2004/08/13 02:43 回答No.2

上下に分割したフレームが真ん中に来るようにしたいんですよね？でしたらアイフレームとかじゃだめですかね？真ん中にアイフレームを設置して、そのフレームを上下に二分割です。貴方がa.htmとb.htmをあわせてc.htmというフレームを作ってるとしますよね、そしたら、 <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <BASEFONT size="3"> <P align="center"><FONT size="3"><SUB><BR> <IFRAME style="border:solid 1px black" border="1" src="c.htm" frameborder="0" width="600" height="350" scrolling="auto" name="frame1"></IFRAME><BR> </SUB></FONT></P> </BODY> </HTML> こんな感じでそれっぽくなるんじゃないかと・・・。大きさを％で指定することも出来ますし、スクロールバーをなくすことも出来ます。枠の色や太さなんかはお好みで。もっといい方法があるのかもしれませんが（＾＾；私が思いついたのはこれです。

参考URL：: http://www.heo.jp/tag/page/index.html

質問者

補足 2004/08/13 10:50

最初、その方法でやったのですがそうすると、そのアイフレーム部分だけ背景の画像から浮き出てしまうので上から下までの大きなフレームにして画像を下の部分だけつなぎ合わせようとしたのですが・・・。ちなみに、そのアイフレームで作ったものは下に添付しておきます。 <html> <head> <title>top</title> </head> <style type="text/css">  </style> <BR><BR><BR> <TABLE ALIGN="center"cellpadding="1" cellspacing="1"valign= middle> <TBODY> <TR> <TD width="800" height="50"> <FONT color="#6699ff" size=7 border="0"face="ＨＧ丸ゴシックＭ‐ＰＲＯ"> タイトル</font><Br> <FONT color="#6699ff" size=3 border="0"face="ＨＧ丸ゴシックＭ‐ＰＲＯ"> ★★★★★★</font><BR><BR> </TD> </TR> <TR> <TD width="800" height="250"valign="top"> <BR><BR> <iframe src="menu.html" name="in" width="150" height="310" scrolling="no" frameborder="0"style="filter:Alpha(opacity=40 style=0)"> </iframe> <iframe src="2.html" name="in2" width="650" height="310" scrolling="yes" frameborder="0"style="filter:Alpha(opacity=60 style=0)"> </iframe> </TD> </TR> <TR> <TD width="600" height="20"> <FONT color="#ffffFF" size=2 border="0"face="ＨＧ丸ゴシックＭ‐ＰＲＯ"> <center>Copyright 2003, Takahashi Choukoku.　All Right Reserved </center> </font> </TD> </TR> </TBODY> </body> </html>

その他の回答 (2)

Joh_Taka
ベストアンサー率76% (222/292)

2004/08/13 10:00 回答No.3

こんな感じですか？下の「frameset_sample.html」は、縦方向3段に分けたFrameの真ん中の段のFrameを横方向に4分割しています。上下左右の各外側部分の frame name が「TopSpace」「BottomSpace」「LeftSpace」「RightSpace」は、高さや幅を50Pixelにした、余白部分としています。 frameset_sample.htmlの記述例・・・ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>FrameSet Sample</title> </head> <frameset rows="49,*,50" border="0" frameborder="no" framespacing="0"> <frame name="TopSpace" src="spacer.html" noresize scrolling="no"> <frameset cols="50,*" border="0" frameborder="no" framespacing="0"> <frame name="LeftSpace" src="spacer.html" noresize scrolling="no"> <frameset cols="150,*,50" border="0" frameborder="no" framespacing="0"> <frame name="BodyLeft" src="body_left.html" noresize> <frame name="BodyRight" src="body_right.html" noresize> <frame name="RightSpoace" src="spacer.html" noresize scrolling="no"> </frameset> </frameset> <frame name="BottomSpace" src="spacer.html" noresize scrolling="no"> <noframes> <body bgcolor="#ffffff"> <div align="center"> フレームに対応したブラウザでご覧下さい </div> </body> </noframes> </frameset> </html> 以下は、各フレーム内でのページの表示チェック用途のために、記述を簡略しています。 spacer.htmlの記述例・・・ <html> <head> <title>Spacer</title> </head> <body bgcolor="#ccffcc"> </body> </html> body_left.htmlの記述例・・・ <html> <head> <title>BodyLeft</title> </head> <body bgcolor="#ff99ff"> Menu (BodyLeft) </body> </html> body_right.htmlの記述例・・・ <html> <head> <title>BodyRight</title> </head> <body bgcolor="#9999ff"> MainContents (BodyRight) </body> </html> 表現したいこととは違いましたか？

質問者

お礼 2004/08/13 11:10

そういう方法もあったんですね。考えつきませんでした。具体的にたくさんのＨＴＭＬを書いていただきありがとうございました。参考にさせていただきます。

mikan23
ベストアンサー率25% (448/1733)

2004/08/13 02:41 回答No.1

横のサイズを変えるのは、フレームの端に矢印を持っていくと⇔がでますので、これで調整してください。上下の変更も同じです。フレームを下げるのにはENTERで下がっていきますので。真ん中にもってくるのには、フレームのところで右クリックして「表のプロパティ」を選択し、「配置」を「中央」に変更します。すると中心にきます。

質問者