Yea, for some reason the whole forum syle is messed up as you can see on http://www.rsw-clan.nl/enyalius/index.php
I've included all the Div's within the "brd-wrap" but for some reason the punbb graphics are all gone. so its just the text left.
and al i have changed was the main.tpl and its as shown above

I've followed your instructions and its almost working. Everything fit in the correct area now. But for some reason all the graphics are gone. can someone see where the fault is located. I am very new in this kind of things so I very appreciate your help.

<html>
<head>
<LINK REL="stylesheet" HREF="basis.css" TYPE="text/css" MEDIA="screen, print">
<title>Enyalius, A HellScream Guild</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- forum_head -->
<style type="text/css">
<!--
body {
    background-color:  #424242;;
}
#content {
    width:700;
}
#brd-wrap {
    width:716;
    overflow:auto;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/omo_03.gif','images/omo_04.gif','images/omo_06.gif','images/omo_07.gif','images/omo_08.gif')">
<!-- Save for Web Slices (enyalius design.psd) -->
<table align="center" id="Table_01" width="800" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="8">
            <img src="images/enyalius-design_01.png" width="800" height="134" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/enyalius-design_02.gif" width="226" height="23" alt=""></td>
        <td><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/omo_03.gif',1)"><img src="images/enyalius-design_03.gif" name="Image11" width="44" height="23" border="0"></a></td>
        <td><a href="members.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','images/omo_04.gif',1)"><img src="images/enyalius-design_04.gif" name="Image12" width="65" height="23" border="0"></a></td>
        <td><a href="about.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','images/omo_05.gif',1)"><img src="images/enyalius-design_05.gif" name="Image13" width="63" height="23" border="0""></a></td>
        <td><a href="join.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','images/omo_06.gif',1)"><img src="images/enyalius-design_06.gif" name="Image14" width="49" height="23" border="0"></a></td>
        <td><a href="forum.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15','','images/omo_07.gif',1)"><img src="images/enyalius-design_07.gif" name="Image15" width="53" height="23" border="0"></a></td>
        <td><a href="contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','images/omo_08.gif',1)"><img src="images/enyalius-design_08.gif" name="Image16" width="74" height="23" border="0"></a></td>
        <td>
            <img src="images/enyalius-design_09.gif" width="226" height="23" alt=""></td>
    </tr>
    <tr>
        <td colspan="8">
            <img src="images/enyalius-design_10.gif" width="800" height="18" alt=""></td>
    </tr>
    <tr>
        <td colspan="8" background="images/enyalius-design_11.gif"><table id="content1" width="716" border="0" align="center">
        <div id="brd-wrap" class="brd">
<td width="710"><div> <!-- forum_page --> </div>

<div id="brd-head" class="gen-content">
    <!-- forum_skip -->
    <!-- forum_title -->
    <!-- forum_desc -->
</div>

<div id="brd-navlinks" class="gen-content">
    <!-- forum_navlinks -->
    <!-- forum_admod -->
</div>

<div id="brd-visit" class="gen-content">
    <!-- forum_welcome -->
    <!-- forum_visit -->
</div>

<!-- forum_announcement -->

<div class="hr"><hr /></div>

<div id="brd-main">
    <!-- forum_main_title -->
    <!-- forum_crumbs_top -->
    <!-- forum_main_menu -->
    <!-- forum_main_pagepost_top -->
    <!-- forum_main -->
    <!-- forum_main_pagepost_end -->
    <!-- forum_crumbs_end -->
</div>
<!-- forum_qpost -->

<!-- forum_info -->

<div class="hr"><hr /></div>

<div id="brd-about" class="gen-content">
    <!-- forum_about -->
</div>

<!-- forum_debug -->

</div>
</div>
      </table></td>
    </tr>

    <tr>
        <td valign="bottom" colspan="8"><a href="http://rsw-clan.nl/aa/"><img src="images/enyalius-design_13.gif" alt="" width="800" height="86" border="0" align="absbottom"></a></td>
  </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Hello folks,

Thanks for the awesome system in first place.
I want to include the forums into my website. It's almost completed but for some reason the userlist.php and search.php are both stretched over my website. Is it possible to set somewhere a value to just have these 2 files in the correct area.
The website where is this one http://www.rsw-clan.nl/enyalius/index.php

thank you guys in advance,

Greetz,

Punany