Jquery Table problem only see a table

Jquery Table problem only see a table

On my website i wanne use Jquery plugin Datatables,
On my WAMP server it works fine!
But on the website with a CMS it doenst work,

The only difference is that the CMS first load this page

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/template-bestand.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>blabla</title>
    <link href="<?php echo $config_url .'template/'. $this->template; ?>/CSS/lay-out.css" rel="stylesheet" type="text/css" />
            <style type="text/css" title="currentStyle">
           
               
                @import "/../../template/standaard/css/jquery-ui-1.8.custom.css";
            </style>
    <script language="javascript" src="js/calendar.js"></script>
    <script type="text/javascript" src="js/jquery-latest.js"></script>
    <script type="text/javascript" src="js/jquery.dataTables.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>    


    <!-- InstanceBeginEditable name="head" -->
    </head>
    <body bgcolor="#cacaca">



    <center><table width="860" class="layout" cellpadding="7" cellspacing="0" border="0">
     <tr>
      <td colspan="2">
       <center><img src="<?php echo $config_url . 'template/'.$this->template.'/images/header.jpg';?>" width="860" alt="" /></center>
      </td>
     </tr>
     <tr>
      <td class="menu" >
       <?php
        echo $this->menu();
       ?>
      </td>
      <td class="content">
       <?php

       echo $this->show_content();

       ?>
      </td>
     </tr>


    </table></center>

    </body>

    </html>

















































Then then it loads the page in the content (Show_content)



  1. <table id="user">
        <thead>
            <tr>

                <th>Rendering engine</th>
                <th>Browser</th>
                <th>Platform(s)</th>
                <th>Engine version</th>
                <th>CSS grade</th>
            </tr>

        </thead>
        <tbody>
            <tr>
                <td>Trident</td>
                <td>Internet
                     Explorer 4.0</td>
                <td>Win 95+</td>
                <td class="center">4</td>

                <td class="center">X</td>
            </tr>
           
        </tbody>
        <tfoot>
            <tr>
                <th>Rendering engine</th>

                <th>Browser</th>
                <th>Platform(s)</th>
                <th>Engine version</th>
                <th>CSS grade</th>
            </tr>
        </tfoot>
    </table>

           
               
               
               
               

            <script>$(document).ready(function() {
        oTable = $('#user').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers"
        });
    } );</script>
















































I just dont get it i have tried so much!

Can somebody help?