عدم هماهنگی در مانیتور های با سایز مختلف

سلام
من یه div دارم به این شکل:

کد HTML:

---

.main{width:940px; float:left; margin-left:15%; background:#D7EBFF}

---

که من اینو تا مانیتور با سایز 1366*768 تنضیم کردم درست نشون میده اما تو مانیتورهای با سایزهای کوچیکتر
درست نمایش نمیده یعنی از سمت چپ فاصله داره اما سمت راست فضای خالی نداره و پایین اسکرول بار اضافه میشه
چکار باید بکنم که توی همه سایزها بدرستی نمایش بده؟
تشکر

شما بايد عرض رو به صورت درصدي بدين
و margin-left رو به صورت يك عدد ثابت

اینو امتحان کنید:

.main {

    background: #d7ebff;

    margin-left: auto;

    margin-right: auto;

    width: 940px;

}