اشکال در ساخت فوتر و هدر 100٪

[maktab]

سلام
کد زیر را ببینید:


body
{
direction:rtl;
margin:0;
padding:0;
}
.top
{
margin: auto;
width: 858px;
height: auto;
}
#footer
{
float: left;
width: 100%;
height: 70px;
background-color: #000000;
margin: 30px 0px 0px 0px;
}




<div class="top">قسمت اصلی</div>

<div id="footer"></div>


حالا وقتی مرورگر کوچیک باشه و صفحه را لود کنیم در حدی که اسکرول بار پایین دربیاد اون موقع وقتی اسکرول بار را بکشیم تمام فوتر نیستش. چرا؟ چطور درست میشه؟

[p.parsaee]

سلام
وقتي ميگي اندازه width يك عنصر div صد درصد باشه 100 درصد يعني اندازه عرض مرورگر شما. حالا هرچي مرورگر رو كوچكترش كني اندازه تگ div هم خودش تغيير ميكنه
حالا اگه ميخواي كه اندازه تگ div با كوچكتر كردن مرورگر تغيير نكنه مياي كد زير رو توي css مي نويسي:



div
{
min-width: 800 px;
}




البته اينترنت اكسپلورر از خصوصيت min-width پشتيباني نمي كنه :افسرده: