• ベストアンサー

フレームの両サイドに余白をつけたい

HTML初心者です。メモ帳で作っています。 |   フレームA   | |___________| |     |     | |フレームB|フレームC| この様にフレーム3つで作っているのですが、 ある程度画面サイズが違ってもデザインが狂わないように、下のように余白を設け、その余白が画面サイズの違いを吸収するようにしたいのですが。   |   フレームA   |   |___________| 余白|     |     |余白   |フレームB|フレームC| どのようなタグを書けばよいのでしょうか? フレームの両サイドに余白ってできるのですか?

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

  • ベストアンサー
  • koc0414
  • ベストアンサー率57% (4/7)
回答No.1

このようにしてみてはいかかがでしょうか? フ |   フレームA   |フ レ |_________|レ ー |      |      |ー ム |フレームB|フレームC|ム Z │      │      │X ↑見づらくてすいません 要は余白の部分もフレームにしてしまうと言うことです。 もう一つのパターンは、 フレームの幅を何%か(たとえば70%)で設定し、中央配置にしまえば、ウインドウの幅の70%がフレームになるのです。 参考になれば幸いです。

shokku
質問者

お礼

回答ありがとうございます。 御指摘の通り、両側にフレームが来るように 一番外側に <FRAMESET COLS="*,800,*"> などを追加したら、中央にこれまでのページを 幅800ピクセルで固定する事ができました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • こんなフレームにしたい

    お世話になります。 HTMLでフレームを作っているのですが、以下のようなフレームを作る タグはどう打ったらいいでしょうか。 画面の上4分の1ぐらいを横一列のフレームにしたい。 その下の4分の3の中で、左を4分の1ぐらいフレームにしたい。 イメージはこんな感じです。 よろしくお願いします。  _________ |_________| |   |         | |   |         | |   |         | |__|______|

    • ベストアンサー
    • HTML
  • frameについての質問

    A.html を上のframeに B.html C.html を中央のframeに二つに分割して並列にならべて D.htmlを下のframeに ということで真ん中のフレームが2つに分かれている形です。 この形式のフレームはの形のタグはどうやってつくればいいでしょうか?

    • ベストアンサー
    • HTML
  • フレームの固定について

    HTMLのフレームを作りましたが、フレームが固定されません。 固定するタグのようなものはありますか? 私が作ったフレームのタグです。 <FRAMESET cols=220,*> <FRAME src="A.html" neme="fram1"> <FRAME src="B.html" neme="fram2"> </FRAMESET>

    • ベストアンサー
    • HTML
  • フレームで、2つのページを同時に変える方法。

    HTMLタグで、フレームで3つに分割しました。 メニューページ ページa ページb とします。メニューページで、abどちらもいっぺんに画面を変えるにはどうしたらいいんですか。 よろしくお願いします!

    • ベストアンサー
    • HTML
  • ページ左右上下の余白。

    今HTMLの勉強まっただなかなのですがどうしてもわからないことがあります。画面いっぱいにフラッシュを載せたいのですがどうしても右と下によはくができてしまいます。左と上の余白はLEFTMARGIN=0とTOPMARGIN=0でけせるのですが右と下が消せません。どういうタグをつかえばよろしいのでしょうか?教えてください!!

  • フレームについて

    こんにちは。 久しぶりにフレームを使ったページを作ろうとしているのですが、うまくいきません。 (1)フレームの境界線をなくしたい。 <HTML> <HEAD> <TITLE>サイト名</TITLE> </HEAD> <frameset cols="20%,80%" frameborder="1" framespacing="1"framepadding="1" bordercolor="black"> <FRAME src="000a.html" frameborder="on"> <FRAME src="000b.html" name="000c.html" frameborder="on"> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </BODY> </NOFRAMES> </FRAMESET> </HTML> とやっているのですが、スクロールバーがでてきてしまいます; (2)リンクがうまく右のページに飛ばない <A href="About.html"target="000b.html" title="説明文"><font color=4000ff size=4><B>About</B></A> とやっているのですが000b.htmlのページに表示されず、しかも新しいウィンドウが開かれてしまいます。 何かおかしなところがあったら教えてください。 よろしくお願いします!

  • 複数フレーム同時リンクタグ

       A =======    B =======    C フレーム分けしたhtml名→top.html と、縦3分割されたHPを作った際に Aのフレーム内のリンクを押した際にtarget設定でB とCのフレーム内を同時に変更する方法を探しています HPの構造上、BとC部分に1つの新しいフレームページを設けて そちらのフレームサイトへリンクをさせるという方法はできないです あとJAVAスクリプトを使用した <SCRIPT TYPE="text/javascript"> <!-- function jump(){ parent.B.location.href = "B.html"; parent.C.location.href = "C.html"; という方法でできるそうなのですが 以前自分では HTML言語の<a herfの派生のようなタグで これが実現できていました このタグを知りたいのですが以前のデータ消失&検索してもなぜか引っかからずで困っております・・・ どなたか教えてください

  • 異なるフレームから異なるフレームのフォームに値を入力 (<iframe></iframe>)

    異なるフレーム(AとBとします)があります。 フレームAの1つの"button"を押すとフレームBのそれぞれのフォーム(ログイン画面のIDやパスワードのボックス)に 一括で入力されるようにしたい。できれば、自動でそのフォームの送信もしてほしい。 ・フレームAは自由に変更可能。 ・フレームBは変更禁止。(YahooやGmailのログイン画面とかWebページを想定) ・フレームBのフォームの"name"は同じ。一定。 ・フレームBのフォームには"hidden"を含む。(入力しなくてよいフォームがある) ・フレームBのフォームの送信ボタンは"submit"か"button"と一定でない。表示するページによる。 ・フレームの使用するHTMLタグは<iframe></iframe>です。 ・セキュリティは無視します。 ・Javascriptによるアクセス制限が無い。 ・使用ブラウザ(あんまり関係ないとは思いますが)、Firefox、Operaが目的 こんな感じの条件でJavascriptとHTMLで作くれる方お願いします。

  • フレームのリンクが作動しません。

    宜しくお願いします。(説明がとても判り難いかと思います) index.htmlにを、3分割(左a・右上b・右下c)フレーム設定します。 フレームに取込むHTMLファイルを、2段階下のフォルダ内に設けます。 この場合、cに取込んだHTMLから、aやcにはリンク設定は問題ないのですが、 cからbにリンク設定をしても、bにHTMLを取込む事が出来ません。 但し、index.html(フレーム設定)を2段階下のフォルダ内にすれば、 全く問題ありません。 又、一度bからbに別HTMLを取込むと、cからbへのリンクは、正常に作動します。 何処に、問題があるのでしょう、解決方法が有りましたら、何方か教えて下さい。

  • Frameを使わないホームページの作成方法

    <frame>タグで、画面を分割していたWebページを、<frame>タグを使わないで書きかえたいと思います。 <table>タグやスタイルシートを使って書き換えようと思い、いろいろ調べたのですが、分かりませんでした。 デザインは画面左側にメニューがあり、右側にそれぞれの内容ページが表示されるよくあるパターンです。 <frame>タグの場合、別にHTMLファイルを作りメニューに追加してそのファイルを書き換えれば良いですが、<table>タグを使う場合や、スタイルシートを使う場合にはどうすればいいのでしょうか? また、メニュー項目が増えたときに1つのファイルの書き換えですむようにはできますでしょうか? もし、お分かりの方がいらっしゃいましたら、サンプルコードとあわせて 教えていただけないでしょうか? よろしくお願いいたします。