تنظیم عرض 100%

[bahy_my]

سلام. خوبین؟
به آأرس زیر برید:
www.madkimiagarpars.ir/bad
اکادر مشکی بالا و فوتر صفحه 100 درصد هستش. حالا وقتی صفحه رو کوچیک میکنی یا تو موبایل نگاه میکنی همون کادرها با عرض های ناقص نشون داده می شن.
کد:

<div class="topbox">
    <div class="container-div">
        <div class="row-div">
            <ul>
            <li><img src="images/icns2/home2.png" width="25" height="25" alt="تاریخ امروز " /><a href="./">صفحه اول</a></li>
            <li><img src="images/icns2/calender.png" width="24" height="24" alt="تاریخ امروز " />  <a href="javasctipt:;">امروز</a> </li>
            <li><img src="images/icns2/info.png" width="25" height="25" alt="تاریخ امروز " /> <a href="./index.php?page=contact">سوالی دارید؟</a></li>
            </ul>
        </div>
    </div>
</div>

و حالا css:

.row-div{
    width:100%;
}

.container-div{
    width:1100px;
    margin:0 auto;
}

.footer{
    width:100%;
    padding:20px;
    background-color:#333;
    color:#FFF;
}

کمک فوری. ممنون. در ضمن. نمی خواو رسپانسیو و بوتسترب باشه. فقط همین مشکلی که گفتم رو حل کنید.

 

[bahy_my]

وقتی حالا position رو روی fixed تنظیم می کنیم و یه خورده با مرجین ور میرم به اون حالتی که می خوام میرسم ولی در اون صورت فوتر پایین رو نمی تونم همین کار رو باهاش بکنم.