مشکل فوتر

[whiterabbit]

دوستان به روش ذیل فوتر پایین صفحه قرار می گیره اما مشکلم اینه که مقدار ارتفاع content باید دستی داده بشه تا فوتر و بیاره پایین والا نوشته های کانتنت زیر فوتر قرار می گیره:
#content
{
/*padding:10px;*/
/*min-height:800px;*/
padding-bottom:80px;
min-height:800px;

}
#footer
{
width:100%;
position:absolute;
bottom:0;
left:0;
height:220px;
background-color:#d5d3d0;
border-top:3px solid #d3d1cf;
}

[سعید کشاورز]

دلیل اینکه از possition : absoulot استفاده کردین چیه؟ شما به راحتی میتونی قالب رو به بخش های کوچیکتر لایه بندی کنی و با دستورات float و margin و padding لایه بندی رو انجام بدین..خیلی راحت میشه...بدون اینکه نیاز داشته باشی از پوزیشن استفاده کنی

[H:Shojaei]

سلام
اين رو بذاريد:
#content
{
/*padding:10px;*/
/*min-height:800px;*/
padding-bottom:80px;
min-height:800px;
border: solid 5px;
}
#footer
{
border:solid 5px;
width:100%;
position:absolute;

left:0;
height:220px;
background-color:#d5d3d0;
border-top:3px solid #d3d1cf;
}

[afshin9032]

به content هم یک position بده و بعد از z-index برای اولویت دهی نمایش عناصر استفاده کن .