CSSの三段組みレイアウトについて教えて下さい。。
CSSレイアウト初心者ですが、CSSの作成段組みを作る時に
<div id="container">
<div id="header">
</div><!--/header-->
<div id="contents">
<div id="left_bar">
</div><!--/left_bar-->
<div id="main">
</div><!--/main-->
</div><!--/contents-->
<div id="right_bar">
</div><!--/right_bar-->
<div id="footer">
</div><!--/footer-->
</div><!--/container-->
と三段組固定レイアウトを作成したいのですが、
一度目は何回やり直してもfloatの設定でleft_bar,mainの横並びが上手くいかずに、
contentsの中でleft_bar,mainが縦並びになってしまい何回何が原因か様々なサイトで考えを模索してソースを直しても何故かleft_bar,main
がcontentsの中で何回書き直しても縦並びになりもう一度一からCSSを組み直してみると、
どうした訳かようやくcontentsの中でleft_bar,mainが横並びになってくれました。
これは一体根本的に何が原因で横並びにさせるつもりが、縦にボックスが並んでしまうのでしょうか？
CSSのfloatの概念からハックかなと思いハック親ボックスにハックをかけてみてでも全く関係ないみたいでしたし、親ボックスにピクセルを指定していないからかと思い親ボックスにピクセルで指定しても何故か縦並び？！
CSSをもう一度書きなすことで意図したレイアウトになると言う事は一番は何が原因していると見られるのでしょうか？
