مشکل در ایجاد فوتر برای سایت

[payamka]

سلام
من یه سایت طراحی کردم که قسمت محتوای اصلیش یه div هست که position: absolute و ارتفاعش توی صفحات مختلف تغییر میکنه.
میخوام یه div دیگه بزارم برای فوتر ولی چون div بالایی absolute هست،فوتر به جای اینکه از زیر محتوا شروع بشه از اول صفحه شروع میشه.
چیکار کنم که این مشکل حل بشه؟

[qartalonline]

position: absolute رو برای چی استفاده میکنید؟

[payamka]

سایزش 960px هست میخوام وسط صفحه قرار بگیره

[qartalonline]

position: absolute رو حذف کنید و از margin:0 auto استفاده کنید

[payamka]

clear: both;
float: right;
width: 1000px;
margin-left: 50%;
margin:0 auto
left: -500px;
height: auto;
margin-top: 36px;

[qartalonline]

کدهاتون رو بصورت کامل بذارید تا بهتر کمک کنم.

[payamka]

این کلاس رو به دایو اختصاص دادم:

.main_container {
clear: both;
float: right;
width: 1000px;
margin:0 auto
height: auto;
margin-top: 36px;
}

[qartalonline]

<div id=header>
</div>

<div id=body>

<div class=clear></div>
</div>

<div id=footer>
</div>


#header{
background:#CCC;
margin:0 auto;
height:100px;
width:1000px;
}
#body{
background:#999;
margin:0 auto;
height:100px;
width:1000px;
}
#footer{
background:#666;
margin:0 auto;
height:100px;
width:1000px;
}
.clear{
clear:both;
}

[payamka]

خیلی ممنون مشکل حل شد