- ベストアンサー
同フレーム内で背景の色を複雑に設定するには？
初心者質問で失礼いたします。 ただいまhtmlでHPを作成しています。 そこで、同フレーム内で下と上の色をそれぞれ 設定したいのですが、そのようなことはできるので しょうか。壁紙をもってくるのが早いのでしょうが、 出来ればhtmlかなにかで設定したいのですが、 なにか特別な知識が必要なのでしょうか。 ちなみに上の60パーセントを緑、残りを白に設定 したいのですが・・・ よろしくお願いいたします。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
ページ内に上60%と下40%を分け、それぞれに違う内容を表示させるのでしょうか？ それとも、背景の色分けとは別に、内容は、上下関係なく表示なのでしょうか？ 前者は、他の方の回答のように設定すれば、一応できるかと思います。 後者だと、質問の方の内容のように、背景に画像を設定するか、スタイルシートを使用するしかないかと思います。 スタイルシートの例（以下<body>～</body>内です。） <!--▼背景上段指定--> <div id="backframe1" style="position:absolute; left:0px; top:0px; width:100%; height:60%; z-index:1; background-color:#00FF00;"> </div> <!--▼背景下段指定--> <div id="backframe2" style="position:absolute; left:0px top:60%; width:100%; height:40%; z-index:1; background-color:#FFFFFF;"> </div> <!--▼以下本文--> <div id="main" style="position:absolute; left:0px; top:0px; width:100%; height:auto; z-index:2">ここにいれたい本文を通常のHTMLタグで入れる</div> こんな感じですが、表示確認していないので間違っていたらごめんないさい。
その他の回答 (2)
- ombre
- ベストアンサー率43% (100/230)
テーブルを使用する方法はどうでしょう？ <BODY marginheight=0 marginwidth=0 topmargin=0 leftmargin=0 > <TABLE border="0" width="100%" height="100%" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD height="293" bgcolor="#00cccc"></TD> </TR> <TR> <TD height="236" bgcolor="#ffffff"></TD> </TR> </TBODY> </TABLE> </BODY>
お礼
なるほど、参考になりました！ありがとうございました。
- arukamun
- ベストアンサー率35% (842/2394)
<HTML> <BODY> <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=100% HEIGHT=100% STYLE="{position:absolute;top:0px;left:0px;}"> <TR><TD BGCOLOR=#00B000 HEIGHT=60%></TD></TR> <TR><TD BGCOLOR=#FFFFFF HEIGHT=40%></TD></TR> </TABLE> <DIV STYLE="{position:absolute;top:20px;left:20px;}"> あいうえお </DIV> </BODY> </HTML> こんな感じでいかがでしょうか？ あいうえお の所に好きなようにHTMLのタグとか文章とか画像とかを入れてみてください。
お礼
遅くなりましたありがとうございました。助かりました！
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_3_thumbnail_img_sm.png)
お礼
細かくアドバイスしていただいて大変助かりました！ありがとうございました！