nieruchomosc 15 Fluid conversion - Joomla! Forum - community, help and support

hi,

i convert nieruchomosc_15 theme fluid.
i have changed following line located within template_css.css
from

code: select all

#container { width: 980px; text-align:left; }

to

code: select all

#container { width: 100%; text-align:left; }

this has made right & left columns fluid (fit page)
the problem centre content not central page.

is there way make centre content fluid, extended or centred?

i have attached screenshot of , marked the problem area arrow.

thanks.

here of code template_css.css

code: select all

#top_box { width: 100%; height: 57px; background: url(../images/top_bg.gif) top left repeat-x;}
#top { width: 982px;}
#top_l { float: left; width: 800px; height: 57px; }
#menu { height: 27px; padding: 30px 6px 0; float: left;}
#top_r { float: right; width: 182px; height: 57px; }
#logo { height: 49px; width: 156px; background: url(../images/logo.png) top right no-repeat;}
#header_box { width: 100%; height: 211px; background:url(../images/header_bg.gif) top left repeat-x;}
#header { width: 982px; height: 211px; background:url(../images/header.jpg) top left no-repeat; }
#head_mod_out { padding: 71px 0 0 10px;  height: 140px; overflow: hidden; }
#head_mod { float: left; width: 250px; height: 140px; background: url(../images/head_mod.png) top left no-repeat;}
#head_mod_in { padding: 25px 40px 20px 12px; overflow: hidden;}
#head_bot_box {width: 100%; height: 38px; background:url(../images/header_b.gif) top left repeat-x;}
#head_bot {width: 982px;}
#serach_box { float: left; width: 290px;  height: 38px; background:url(../images/header_bot_stripe.png) center right no-repeat;}
#search { float: right; padding: 11px 35px 0 0; color: #595959; font-family:"trebuchet ms", arial, sans-serif; font-size: 14px; line-height: 1.0;}
#date_box { float: right; width: 250px;  height: 38px; background:url(../images/header_bot_stripe.png) center left no-repeat;}
#date { padding: 12px 15px 0 15px; color: #595959; text-align: right;}

#container { width: 100%; text-align:left; }
#left_col { float: left; width: 251px;}
#left_col-noleft {display: none;}
#left_col_in { width: 240px; padding-left: 11px;}
#left_mod { width: 240px; overflow: hidden;}
#right_col { float: right; width: 731px;}
#right_col-noleft {  width: 982px;}
#content { float: left; width: 480px;}
#content-noleft { float: left; width: 731px;}
#content-noright {  width: 731px;}
#content-noleft-noright { float: left; width: 300px;}
#content_in { width: 700px; padding: 0 10px;}
#content_in-noleft, #content_in-noright { width: 711px; padding: 0 10px;}
#content_in-noleft-noright { width: 962px; padding: 0 10px;}
#pathway_box { width: 460px; height: 30px;background: url(../images/path_bg.gif) left bottom repeat-x;}
#pathway_box-noleft, #pathway_box-noright { width: 711%; height: 30px;background: url(../images/path_bg.gif) left bottom repeat-x;}
#pathway_box-noleft-noright { width: 962px; height: 30px;background: url(../images/path_bg.gif) left bottom repeat-x;}
#path { padding: 8px 11px 0; text-align: left; color: #4a4a4a;   }
#mainbody_in { width: 100%;  overflow: hidden;}
#mainbody_in-noleft, #mainbody_in-noright { width: 711px; padding: 10px 0; overflow: hidden;}
#mainbody_in-noleft-noright { width: 962px; padding: 10px 0; overflow: hidden;}
#mainbody {padding: 10px 0;min-height: 300px;}
#banner {width: 460px; overflow: hidden;}
#banner-noleft, #banner-noright {width: 711px; overflow: hidden;}
#banner-noleft-noright {width: 962px; overflow: hidden;}
#right_box { float: right; width: 251px;}
#right_mod { width: 240px; padding-left: 11px; overflow: hidden;}
#footer { width: 100%; height: 44px; margin-top: 15px; background: url(../images/foot.gif) top left repeat-x;}
#footer_in { width:  982px; color: #828282;}
#copyright_box { float: right; width: 491px;}
#copyright { padding-top: 15px; text-align: right;}
#license_box { float: left; width: 491px;}
#license { padding-top: 5px; text-align: left; float: left;}