okay so i have used this code before and it worked perfectly, but now it doesn't anymore.
it's just about the widgets covering the forum, i don't know how it displays on other computers, but if i change the resolution on my laptop they start covering the body and i don't know what's wrong.
i added the exact same codes that you, mark, provided me on fm-help and it worked fine before
i have this codes:

Code:

.bodyline{
  border-right: 25px solid #308084; 
  border-left: 25px solid #308084; 
  border-top: 0px solid #fff; 
  border-bottom: 0px solid #fff;
  max-width: 900px!important;
  min-width: 900px!important;
  position: absolute!important;
}
.bodylinewidth {
margin-right: 511px;
}
#content-container div#left {
position: fixed;
top: 0;
left: 5;
height: auto;
  width: 250px;
border-right: 15px solid #3da0a5;
}


so it should work right? but it doesn't and i have no idea what could be wrong

bump 

Yep. Resolution of a computer screen might cause the problem.
What's your forum url? 

this is the test forum: http://testforum.forumotion.eu/ 

Remove this part:

Code:

.bodylinewidth {
margin-right: 511px;
}

okay i removed it, but is there an other way to move the body of the forum back to where it was?

Add this one:

Code:

.bodylinewidth {
margin-right: 230px;
}

Just play with the 230 value to adjust. 

You talk about the widgets ? How to move them back ?
Replace

Code:

#content-container div#left {
position: fixed;
top: 0;
left: 5;
height: auto;
  width: 250px;
border-right: 15px solid #3da0a5;
}

with

Code:

#content-container #left {
margin-right: 0;
width: 157px;
}

#content-container div#left {
border-right: 15px solid #3da0a5;
}

mark isn't that the same code? :p

jaques nah i don't want to move them back, thanks anyway 

i actually just want to leave the widgets where they are and move the body next to them, like it was before, but i don't want them to cover the forum on a computer that has a lower resolution :/

Yep but it was adjusted, since you're using 500px which overlap with the widget.

Anyway, just use this one, better with %:

Code:

.bodylinewidth {
margin-left: 24%;
}

Replace your boyline with that :

Code:

.bodyline {
border-bottom: 0 solid #fff;
border-left: 25px solid #308084;
border-right: 25px solid #308084;
border-top: 0 solid #fff;
max-width: 900px!important;
min-width: 900px!important;
position: absolute!important;
margin-left: -32px;
}

both of the codes have the exact same result right? i mean i tried them both and it's always just about entering the right pixels or % for it to be perfect, but the thing is that everytime i lower the resolution of my screen everything will just be covering the body and i don't want that and i don't get it why the codes don't work like here: http://oglasevanje.forumakers.com/ you, mark, gave me the codes and here it works just fine since the widgets never cover the body. you can see what i mean if you just zoom in and out on both forums and you'll see the difference :/

Add this one on your CSS, trust me:

Code:

.bodylinewidth {
margin-left: 300px;
}

omfg it worked :o but how, since the codes were the same except for the pixels?
anyways thank you!!

Welcome. Well. 
~ Locked and moved