مشکل در نمایش سایت در اندازه های مختلف

[setareh2013]

سلام
لطفا این سایت رو نگاهی بکنید
http://ferdosigaz.ir/
وقتی سایت رو بزرگ می کنیم هدر سایت یک طرف و بقیه اجزای سایت یک طرف دیگر می رود. به نظر شما مشکل از کجاست ؟

<divid="mainwrapper">
<divid="headerdiv">

<divid="header">

</div></div


>

#mainwrapper

{

width:100%;
margin:auto;

background-color:#f3d8ba;
}

#headerdiv

{

margin:auto;

background-color:#98371F;
}

#header

{

max-width:960px;

height:200px;

margin

:auto;

background-image: url('MainImage/header.png') ;background-repeat: no-repeat; background-position: centerbottom;

}

[setareh2013]

کسی نمیتونه راهنماییم کنه ؟

[ghossein]

سلام
من با ابزار inspector مرورگر موزیلا، تست کردم ، دیدم شما ، تمام عرض های المانهای روی صفحه رو ، به پیکسل دادید ، که این امر باعث بروز چنین مشکلاتی میشه ، سعی کنید در اکثر موارد از درصد استفاده کنید.
المانهای مربوط به image slider رو به در صد بدید.