HTML Question?

I agree with Philip

Web designers do not use tables for layout work. We all use CSS. It kinda looks like that is exactly what you are trying to do.

The easy answer: create a 3 column table and stack the other tables inside of it.

The correct answer: Use CSS to build left, center and right divisions.

This will get you started:
http://www.w3schools.com/css/default.asp

Good luck

Don't listen to the last guy. You do what is easiest for you. There is a million ways to do one thing. but here's a simple solution based on what you already know. Put the tables inside another table with the cells side by side like this:

<table>
<tr><td>
table 1
</td><td>
table 2
</td><td>
table 3
</td></tr>
</table>

There is no such thing as real website builders
either you do, or you don't. That simple.

Do note though that CSS can give you more options when it comes to positioning.

You have to position them on the page. They are all being positioned at (0,0).

Your code shows that you're making three separate tables.

If you want them to be side-by-side, the easiest way is to do this:

<table>
<tr>
<td width="15%" valign="top">Test 1</td>
<td width="75%" valign="top">Test 2</td>
<td width="15%" valign="top">Test 3</td>
</tr>
</table>

Replace "Test 1" with the content you want to have in that cell, etc.

Try using CSS to make the first table have 0 padding, second table have 15% padding, and the third to have 85% padding.

show me the code
-----------------------
try adding
float:left;
in each id in the css file
example
#nav{
float:left;
}
#content{
float:left;
}
#other{
float:left;
}

if it does'nt work make sure position and clear properties having default values.