ホームページのcssでの3段列作りのレイアウト

質問

cssを使ってトップ一つと左、真ん中、右と3列にレイアウトをしたいのですが皆様どのようにされていますか？
テーブルを使ってやっている方が多いのですがそれを使わない方法がありましたら教えてください。
標準ではあまりテーブルは使わないようになっていたので知りたいです。
backgroundをXとYで指定すればいいのかとはうっすら思っています。それでいいのでしょうか？

回答No.4

cyokodog

以前 CSS レイアウト関連の記事をこちらにまとめました。

http://d.hatena.ne.jp/cyokodog/20080627

あと、CSS レイアウトを容易に実現するための定義セットっていうのも考えてみたりもしました。

http://d.hatena.ne.jp/cyokodog/20080731/1217496357
http://d.hatena.ne.jp/cyokodog/20080805/1217955315

よろしかったらご参考にしてみてください。

回答No.3

font_color

2です。
先ほどの内容に間違いがありましたので訂正します。
folat:left→float:left

お礼

ありがとうございます。
的はど真ん中です。ありがとうございました。

回答No.2

font_color

内容によってやり方は変わってくると思いますが・・。
----html--------------
<div class="wrapper">
<div class="top">トップ</div>
<div class="left">左</div>
<div class="center">真ん中</div>
<div class="right">右</div>
</div>
---CSS---------------
.wrapper{
width:800px;
}
.top{
width:100%;
}
.left{
width:20%;
folat:left;
}
.center{
width:60%;
folat:left;
}
.right{
width:20%;
folat:left;
}

簡潔に書けばこんな感じでしょうか？
的外れな回答でしたらご容赦ください。

回答No.1

steel_gray

http://www.geocities.jp/multi_column/
↑こちらのサイトにCSSを使った段組について詳しく記述されてます。