Aligning the results on a page

I'm pretty much stumped with this website I am trying to set up. I put the website on my testing domain (aaaw.info), so you can see what I am experiencing. When you enter a domain and press "check".... you will see the "generating statistics" text and then after the results table. The table is appearing in the wrong spot, and I would like it right below the "check button". The site uses ajax, so the page never reloads.

The script for the site uses a page "template.html" which contains the results table html. Here is a part of template.html...

<h2>Results</h2>

<table width = "400" bgcolor = "#C0C0C0" cellspacing = "1" cellpadding = "5">
  <tr bgcolor = "#FFFFFF">
    <td width = "150">
      <b>URL</b>
    </td>
    <td width = "450">
      <a href="http://$url" title="Visit: $url">http://$url</a>
    </td>
  </tr>
  <tr bgcolor = "#FFFFFF">
    <td>
      <b>Google Pagerank</b>
    </td>
    <td>
      $pagerank
    </td>
  </tr> 

  (etc, etc)

HTML:

So basically, I need to get that template.html page into my index page, below the input boxs. Is there a way to use css to get this working?

 

First I have to ask, why are you using a table when the rest of the site is table-less?

I'm not familiar with ajax, so I don't know how you include another page with-in one, but using php I would simply use include ('template.html');. As for it not placing correctly, you should call for it to include template.html in the same div that the form is in. Hope this helps.

 

Thanks for the help... I fixed the problem by just using another simpler script.