All the contents in the middle are pressing outwards to its maximum limit, including text and the forum boxes. How to I make the width of everything inside shorter.

CSS code

Code:

.forabg {
   margin-bottom: 4px;
   clear: both;
   background-color: #transparent;
   background-image: url('http://i534.photobucket.com/albums/ee346/luckyduduhead1/transparent.png~original');
   background-repeat: repeat;
   background-position: 0 0;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,.5);
   border: 2px solid #;
   padding: 0px 5px;
border: 1px solid #transparent;
   }
* html .forabg {
   position: relative;
   height: 1%;
   }
*+ html .forabg {
   min-height: 1px;
   }
.forumbg {
   background-color: #transparent;
   background-image: url('http://i534.photobucket.com/albums/ee346/luckyduduhead1/transparent.png~original');
   background-repeat: repeat;
   background-position: 0 0;
   border: 2px solid #;
   padding: 0px 5px;
   margin-bottom: 4px;
   clear: both;
border: 1px solid #transparent;
   }
* html .forumbg {
   height: 1%;
   }
*+ html .forumbg {
   min-height: 1px;
   }
.forumbg table.table1 {
   margin: 0 -2px -1px -1px;
   }

http://fjotest.forumotion.com/forum

Hello sonyman,

Try adding some padding to the main content and margin to the categories.

CSS :

Code:

#main-content { padding:3px }
.forabg { margin:4px }

Ange Tuteur wrote:Hello sonyman,

Try adding some padding to the main content and margin to the categories.

CSS :

Code:

#main-content { padding:3px }
.forabg { margin:4px }

Thanks again Ange Tuteur, you saved the day as usual.   This solved my problem.