هم اندازه و fit كردن تصوير پس زمينه سايت در مانيتور هاي مختلف

[idea0098]

سلام
من مي خواهم تصوير بك گراند سايتم در همه مانيتور ها با رزوليشن هاي مختلف به صورت تمام صفحه و يا همان fit نمايش داده شود . كد بك گراند را چگونه بايد تنظيم كنم كه تصوير پس زمينه سايتم د رمانيتور هاي مختلف از طول و از عرض fit مانيتور شود ؟

كد بك گراند سايتم كه با جوملا هم هست در يك فايل css به صورت زير است :

body { background:#D18216 url(../images/backgrounddark.jpg) fixed;

[manij_mhm]

طول و عرض تصویر رو به صورت درصدی قرار بدین. مقدارش هم 100% بذارین.

[idea0098]

ميشه كدش را برام به كد بالا اضافه كنيد . من در تايپ كد اصلا وارد نيستم .
مرسي مهندس جان

[idea0098]

من اين كد قرار به اين صورت ويرايش كردم ولي باز هم بك گراند پشت سر هم تكرار ميشه و تصوير به اندازه مانيتور كشيده نميشه

body { background:#C18904 url(../images/backgrounddark.jpg) fixed; width:100%; height:100%;

لطفا پيشنهاد خود را به صورت كد در اينجا مطرح كنيد.
در تصوير زير مي بينيد كه عكس بك گراند چند بار تكرار شده . من مي خواهم يكي باشد و تا طول و عرض مانيتور كشيده يا استرج شود .

91157

[idea0098]

عزيزان لطفا كمك كنيد . اين مشكل خيلي از دوستان است
كل كد فايل استايل را در اينجا قرار مي دهم لطفا كمك كنيد :





body { background:#C18904 url(../images/backgrounddark.jpg) fixed; width:100%; height:100%; color: #cccccc;}
h3 {color: #ffffff;}
#s5_conwrap { background: none repeat scroll 0 0 #3e3e3e; border-left: 1px solid #373737; border-right: 1px solid #373737;}
#cboxContent, #s5box_login, #s5box_register { background: none repeat scroll 0 0 #3e3e3e;}
.s5_loginline, #s5_login, #s5_register { color: #ffffff;}
#s5_menu_phone { border-bottom: 1px solid #686868;}
#s5_phonenumber {color:#ffffff;}
.module_round_box_outer, #s5_component_wrap, .module_round_box { color: #f4f4f4; }
.module_round_box h3, .componentheading { color: #f3f3f3;}
#s5_nav li.active a, #s5_nav li .s5_level1_span2:hover a { color: #ffffff;}
#s5_logo { background: url(../images/s5_logo_dark.png) no-repeat scroll left top transparent;}
#subMenusContainer div.s5_sub_wrap ul, #subMenusContainer div.s5_sub_wrap_rtl ul, #subMenusContainer div.s5_sub_wrap_lower ul, #subMenusContainer div.s5_sub_wrap_lower_rtl ul {background:#373737;}
.module_round_box-black2 span.s5_h3_first {background: #3e3e3e;}
.s5_mapdisplay, iframe {
border: 5px solid #565656;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4); }
.boxed {
border: 5px solid #565656;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); }
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail{
border: 5px solid #565656 !important;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4); }
ul.menu li a { color: #ececec;}
#s5_bottom_menu_wrap ul.menu a:hover {color:#ffffff;}
#s5_nav li a { color: #929292;}
#subMenusContainer a, #s5_nav li li a { color: #ececec;}
.S5_submenu_item, div.S5_grouped_child_item , #subMenusContainer .moduletable { border-bottom: 1px solid #505050;}
.mainParentBtn a {background: url(../images/s5_menu_arrow_dk.png) no-repeat scroll right center transparent;}
.subParentBtn .S5_submenu_item a {background: url(../images/s5_menu_arrow_subs_dk.png) no-repeat scroll right center transparent;}
#s5_button_wrap2 .s5_ts_active a {color: #ffffff;}
.s5_ts_active {border-bottom:4px solid #ffffff;}
#s5_accordion_menu h3.s5_am_toggler a.mainlevel { color: #929292;}
.inputbox, input.required, textarea.required {
border:solid 1px #494949;
color:#656565;
background:#2f2f2f;
-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2) inset;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
box-shadow:0 1px 1px rgba(0, 0, 0, 0.2) inset;}
.inputbox:hover, input.required:hover, textarea.required:hover { background:#383838; border:solid 1px #545454;}
blockquote {color:#929292;}
.module_round_box-solidcolor { background:#343434;color:#f3f3f3;}
.module_round_box-solidcolor h3.s5_mod_h3 {color:#f3f3f3; }
#s5_twitter {background:url(../images/twitter_dk.png) no-repeat;}
#s5_google {background:url(../images/googleplus_dk.png) no-repeat;}
#s5_rss {background:url(../images/rss_dk.png) no-repeat;}
#s5_fb {background:url(../images/facebook_dk.png) no-repeat;}
#s5_linkedin{background:url(../images/linkedin_dk.png) no-repeat;}

.s5_googlemapaddress {color:#333333;}
#cboxLoadingOverlay, #cboxLoadingGraphic { background:#3e3e3e;}
ul.s5_am_innermenu {color: #737373;}
#s5_accordion_menu h3.s5_am_open a.mainlevel {color:#ffffff;}
#s5_accordion_menu h3.s5_am_open { background: url(../images/s5_menu_arrow_dk.png) no-repeat scroll 4px 10px transparent;}
#s5_accordion_menu h3.s5_am_parent { background: url(../images/s5_menu_arrow_subs_dk.png) no-repeat scroll 4px 10px transparent;}
div.s5_accordion_menu_element li a { background: url(../images/s5_menu_arrow_subs_dk.png) no-repeat scroll left center transparent;}
.module_round_box ul.menu a { background: url(../images/s5_menu_arrow_subs_dk.png) no-repeat scroll left center transparent;}
.blog-featured h1, .item-page h1 { color: #F3F3F3;}

/* tooltips */
.tip-wrap { z-index:1000003; }
.tip { background:#333333; padding:5px; border:1px solid #232323; max-width: 300px; }
.tip-title { background: none repeat scroll 0 0 #101010; color: #FFFFFF; font-size: 1.0em; margin-bottom: 4px; padding: 5px 8px 5px; text-shadow: 0 1px 0 #000000;}
.tip-text { padding: 3px; font-size: 11px; line-height: 16px; }

[idea0098]

دوستان كمك كنيد . من مقادير طول و عرض را 100% قرار دادم ولي باز هم استرج نشد. لطفا هر چه سريع تر راهنمايي كنيد . كارم لنگ مونده!