Cracked - Can't fit to screen

[Sender]

Hello mate.

First congrats for your themes and have a happy new year!
I posted a couple of days here:
http://www.simplemachines.org/community/index.php?topic=413295.msg2898934#msg2898934

Cause I thought that was the right place for support and i just found this forum! So i ll copy paste what i need from the other topic:

hey mate great job!!!

i am wondering if you could tell me what code i need to tweak in order to remove the background and place the forum to fit the screen (whatever the resolution the user has)

i've changed the width of #toolbar, #header and wrapper to 100% instead of 990px but still couldnt figure it out.

I ll post a picture to help you understand what i need

And here is the picture
Thanks in advance

[attachment deleted by admin]

[Crip]

hi ,
either place i do support --
-- the part you want wider is part of the "Theme" , and it's not a problem --
  ===> if you want it '''RE-Designed''' you can do that Yourself ..it is a *free Theme after all ..]
                                    -----------------

[Sender]

could you please tell me what code i need to change to achieve what i showed you in the photo?

i ve been searching for it for about 3 hours and still cant find it 

[Sender]

Please let me know if i didnt explain it well.

In simpler terms i just want to remove the whole background and fit to screen the whole forum (including the body, header and toolbar)

i ve tried in several places to add "width: 100%; " but nothing seemed to do the trick. I am still struggling to find the right code to tweak.

i'd really appreciate it if you could tell me.

thanks a lot

[willemjan]

Find:

Code Select Expand


/* Set a fontsize that will look the same in all browsers. */
body
{
background: #333 url(../images/img/bgD.png) repeat-x left top;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0;
padding: 5px 5%;
}


replace with

Code Select Expand


/* Set a fontsize that will look the same in all browsers. */
body
{
background: #333 url(../images/img/bgD.png) repeat-x left top;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0;
padding: 5px;
}


Haven't tested it, but should work

[Sender]

thanks you rock!

worked like a charm:
http://www.mixingtips.org/forum 

[willemjan]

There are still two gaps on the side. If you want those gone, then just do this on the body tag:

Code Select Expand


padding: 5px 0px;


[Crip]

sender ,
.sorry , i didn't really understand what you wanted ..

..thanks willemjan

[Sender]

no worries crip thanks a lot guys 

[Crip]

looking good there Sender