مشکل با gradient در background

[white tower]

من به body بک گراند gradient دادم منتها وقتی صفحه رو کوچیک می کنم دورش سفید میشه انگار که من به body اندازه داده باشم.

body{
width: 100%;
height: 100%;
margin: auto;
background-color: #184c55;
background: -moz-radial-gradient(400px 400px,#2f9fb2,#000101) center center no-repeat;
}
تو کد بالا اگر gradient نباشه بک گراندش (خط بالاش) اعمال میشه و وقتی صفحه رو کوچیک می کنم اون رنگ تمام صفحه رو پر می کنه ولی با gradient با کوچیک کردن صفحه دورش سفید میشه.
میشه کاریش کرد؟مشکل کجاست؟

[tamafi6]

height و width راحذف کن بجای اون از margin و padding استفاده کن مانند



html, body {
margin: 0;
padding: 0;
background-repeat: repeat-y;
background: -moz-linear-gradient(left, #238, #1a8);
background: -webkit-gradient(linear, left top, right top, from(#1a8), to(#238));
background: -webkit-linear-gradient(left, #238, #1a8);
background: -o-linear-gradient(left, #238, #1a8);
}

[white tower]

height و width راحذف کن بجای اون از margin و padding استفاده کن مانند



html, body {
margin: 0;
padding: 0;
background-repeat: repeat-y;
background: -moz-linear-gradient(left, #238, #1a8);
background: -webkit-gradient(linear, left top, right top, from(#1a8), to(#238));
background: -webkit-linear-gradient(left, #238, #1a8);
background: -o-linear-gradient(left, #238, #1a8);
}

با margin و padding فرقی نمی کنه.می خوام بک گراند no-repeat باشه ولی وقتی زوم مرورگر تغییر کرد بک گراند کوچیک نشه و همچنان کل صفحه رو پر کنه.مثل زمانیکه بک گراند ساده تک رنگ داریم.وقتی زوم مرورگر تغییر بدیم اجزا صفحه کوچیک می شن ولی بک گراند هنوز کل صفحه رو پر کرده.

[tamafi6]

شمااگرازgradient برای بک گراندکل صفحه استفاده کنید باتغییرسایزمرورگر gradient تغییرمیکنه چونکه برای ریشه استفاده شده واگردرصدبدیدتغییرخواهدکرد برای اینکه تغییرنکنه یابایدپیکسل بدیدویااینکه یک قاب جداگانه بازکنیدوازدرصدهم استفاده نکنید.
نمونه (http://barnamenevis.org/showthread.php?374727-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2%D8%AA%D9%88%D8%A7%D9%84%DB%8C-%D8%B1%D9%86%DA%AF-%D8%A8%D8%AC%D8%A7%DB%8C-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1%D8%A8%D8%B1%D8%A7%D B%8C-%D9%BE%D8%B3-%D8%B2%D9%85%DB%8C%D9%86%D9%87-%D8%AF%D8%B1css)

[علیرضا.ا]

میتونیاز background-size استفاده کنی...