- ベストアンサー
画面下にバーをいっぱいに表示する
画面の上部については、余白なく <body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> で表示できたのですが、 以下のサイトのように http://www.aimix.jp/bodymag.html 画面一番下も色塗りバーでいっぱい表示する場合にはどのようにすれば宜しいのでしょうか？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
HTMLソースをよくご覧になればわかることですが、table使っています。↓ <HTML> <HEAD> <META http-equiv="Content-Style-Type" content="text/css"> </HEAD> <BODY style="margin:0px;"> <TABLE border="0" width="100%" height="100%" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD colspan="3" height="25" style="padding-top : 3px;padding-bottom : 3px;border-top-width : 1px;border-top-style : solid;border-top-color : black;border-bottom-color : black;border-bottom-width : 1px;border-bottom-style : solid;" bgcolor="#0080c0" align="center"> <FONT color="#ffffff">画面上部バー</FONT> </TD> </TR> <TR> <TD></TD> <TD width="728" height="100%" bgcolor="#cccccc"> ここに本文ページ </TD> <TD></TD> </TR> <TR> <TD colspan="3" style="border-top-width : 1px;border-bottom-width : 1px;border-top-style : solid;border-bottom-style : solid;border-top-color : black;border-bottom-color : black;padding-top : 3px;padding-bottom : 3px;" height="25" bgcolor="#0080c0" align="center"> <FONT color="#ffffff" face="Verdana">画面下部バー</FONT> </TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
お礼
ありがとうございました。 リンクもとても参考になりました。