ＨＰのデザイン

こんにちは。最近、ＨＰを作り始めたんですが、トップページのデザインで困っています。
（文字で説明するとわかりにくいと思いますが）上下に、すきまなく、バーのようなものをデザインとして表示させたいのです。

<p>や<div>なら、一番上一行ならできることはわかったのですが、ページの一番下にも、同じように「バー」を置くにはどうすればよいでしょうか。
できれば、左右にもしたいと思っているので、柔軟性のある指定方法が知りたいです。

この説明で、お分かりになるでしょうか^^;
よろしくお願いします。

No.1 ベストアンサー 回答者： noname#22328 回答日時： 2005/07/29 00:41

こうゆう感じ？　

http://www.sony.co.jp/

CSSで出来ますが、テーブルを使った小技を一つ。
大きいテーブルで、囲うやり方です。

<div align="center">
<table width="100" height="100" border="0">
<tr>
<td><img src="spacer.gif（画像でたて幅を調整した方がブラウザに寄る差が出にくい）" width="5" height="30"></td>
</tr>
<tr>
<td>
コンテンツをここに置く
</td>
</tr>
<tr>
<td><img src="spacer.gif（Footerも同じく画像を入れる）" width="5" height="30"></td>
</tr>
</table>

TABLEの横幅を、width="95%" にすれば、横にもラインが出ます。
その場合は、
<table width="95%" height="100" border="0" style="margin-left:auto;margin-right:auto">
として、センタリングします。

この回答への補足

ご回答ありがとうございます。（といっても、遅い反応ですみません；）
そうです！そんな感じです。
テーブルでできるというのははじめて知り、新鮮でした。また、ＣＳＳでできるというのは、どのようにやるのでしょうか？

補足日時：2005/08/18 23:31

No.2 回答者： makoto44 回答日時： 2005/07/29 00:47

フレーム(FRAME)を使用したらいかがでしょうか？

最近は、CSSが主流のようなので、フレームを使用したページも少なくなりましたね…