need help removing my web site right and left margins

[elshayeb]

Hello guys

i want help removing my web page left and right margins ( the dark gray area ) so the main background or the main web site fill all the page size

this is the web page :

http://www.MarketsProfile.com

I have a file called template.css .. i don’t if this is the one i should modify for this request also i have these other files :

navigation.css  
k2.css  
IE7_rtl.css     
system_css.css  
grids.css   
template.css    
template_rtl.css    
modules.css     
typography.css  
joomla.css  
IE7_only.css 

and this is the code i have into the template.css file if you could help me modifying it please

MOD EDIT: Code Dump Removed

……………
please help me :) thank you

[Atelierbram]

In ‘grid.css’ line 13, out comment or remove the width

.sp-container {
 margin-left: auto;
 margin-right: auto;
 /* width: 960px; */
}

or override the value for width somewhere else:

.sp-container {
 width: auto; 
}

BTW, speaking about page-filling, was this ‘code-dump’ necessary?
Do you use Chrome Devtools or Firebug?

[elshayeb]

Thank you ateli for your reply

i did what you said by removing but nothing changed and here is the codes in grid.css file

MOD EDIT: Code Dump Removed

[Atelierbram]

i did what you said by removing but nothing changed and here is the codes in grid.css file

Why don’t you try it again, and flush your cache?

and, … again please don’t code-dump us, we can see your file in the browser …

[elshayeb]

Ok i will do this now

i’m sorry about the codes i didn’t know that you can see it

but may i ask you aquestion Atelierbram

where are you from ?? and Can we do a freelancer paid deals together .. if you can code php and css and will be prof on it !

Please if yes .. tell us how we can contact each other .. also you can contact us via the live chat into our web page

Thank you

[elshayeb]

i done what you said and Nothing changed yet bro

[elshayeb]

wow thank you very much

now it’s done

but if you gone to our home page it’s not filling or fitting on all the space

could you just please tell us the solution for that

and sorry for taking too long time from you

thank you again

[elshayeb]

waiting your reply

[elshayeb]

about Chrome Devtools or Firebug ?

i really don’t know , i’m just the owner and not the developer

we are using joomla system

[Atelierbram]

but if you gone to our home page it’s not filling or fitting on all the space

If you want your website to be ‘fluid’, than all you grids should be converted to percentages from pixels.

Like this: .sp-container .sp-grid-1 {width:60px;} will become: 60px / 9.60 ( 1% of 960px) = 6.25%

.sp-container .sp-grid-1 {width: 6.25%}

and so on, for every pixel value.

about Chrome Devtools or Firebug ? i really don’t know , i’m just the owner and not the developer we are using joomla system

I’ve would have helped you out if I could read Arabic and was familiar with Joomla. Wishing you the best in finding a web-designer/developer who can.

[elshayeb]

Thank you very much for your help and your time

i really wishing you the best too

Thank you again :)

[Chris Coyier]

@mod please mark as solved.

[Author]

Posts