フッターの位置をスタイルシートで

ＨＴＭＬ＆ＣＳＳの勉強を始めたばかりです。
ヘッダー、内容３カラム組み、フッターという形にしたいのですが、どうしてもフッターが最下部に来てくれません。

フッターを３カラムの下に来させるには下記のほかに何が必要なのでしょうか。本とにらめっこしながらプロパティを足したり引いたりはしているのですが。

かなり基本的なところだと思いますがお願いいたします。

ＨＴＭＬ－－－－－－
<div id="header">
あいうえお
</div>
<div id="main">
<div id="mainleft">
かきくけこ
</div>
<div id="maincenter">
さしすせそ<br>
まみむめも<br>
や　ゆ　よ
</div>
<div id="mainright">
なにぬねの
</div>
</div>

<div id="footer">
たちつてと
</div>

ＣＳＳ－－－－－－
div#header{width:600px;}
div#main{width:600px;}
div#mainleft{top:40px;width:100px;float:left;
position:absolute ;}
div#maincenter{top:40px;width:400px;float:left;
position:absolute ;left:105px;}
div#mainright{top:40px;width:100px;float:left;
position: absolute;left:510px;}
div#footer{width:600px;position: relative;}

No.2 ベストアンサー 回答者： Kuppycat 回答日時： 2006/03/07 14:55

CSSを

div#header{width:600px;}
div#main{width:600px;}
div#mainleft{width:100px;float:left;position:relative;}
div#maincenter{width:400px;float:left;position:relative ;}
div#mainright{width:100px;float:left;position: relative;}
div#footer{clear:both;width:600px;}
にしてお試しあれ。

この回答へのお礼

できました。
ありがとうございます。

absoluteでleftの位置やtopの位置指定
が変に邪魔していたみたいです。
上がおかしいからclear:both;も効かなかったのかな。

お礼日時：2006/03/08 09:53

No.1 回答者： partita 回答日時： 2006/03/06 21:48

div#footer {clear:both;}

この回答への補足

ありがとうございます。
でも、これを加えても、ヘッダーのすぐ下、３カラムと重なった位置なんです。

補足日時：2006/03/07 10:30