ＨＰのデザイン

質問

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

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

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

回答No.1

noname#22328 · ベストアンサー

こうゆう感じ？　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">
として、センタリングします。

補足

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

回答No.2

makoto44

フレーム(FRAME)を使用したらいかがでしょうか？
最近は、CSSが主流のようなので、フレームを使用したページも少なくなりましたね…