SMF For Free Support Forum

You know when users have too large of an avatar, and a scroll bar appears and what-not? Or rather when you make a large post with an image and the image is too large for the optical container and stretches the page with a scroll bar?

Well, here's a method that will "hide" scroll bars and force the rendered item to contain itself:

Make sure you have a reference to jQuery in your headers.

<script src="/jquery.js"></script>
Now, insert this into your headers after the declaration for jQuery:

<script language="javascript" type="text/javascript">
<!-- // --><![CDATA[
$("body").css("overflow", "hidden");
$("body").css("overflow", "auto");
// ]]></script>
Alternative:

Edit your CSS file, add the following into your body rule:

overflow: hidden auto;

i tryed it out today it worked great 

it doesn't work for me

Make sure you have this in the header section of your forum
<script src="/jquery.js"></script>
I would then add this to the header section as well:
<script language="javascript" type="text/javascript">
<!-- // --><![CDATA[
$("body").css("overflow", "hidden");
$("body").css("overflow", "auto");
// ]]></script>
Now to go Admin CP-> Manage styles->
>Modify style
Pick the style you are currently using

Add this to your body rule as said above:
overflow: hidden auto;
Let us know if it still doesnt work.

An Image I think..