Verified answer

Hasle así:

<table border="0" width="100%" cellpadding="5" cellspacing="5">

<tr>

<td width="50%">

<table border="1">

<tr>

<td>Fila 1 Columna 1 Tabla 1</td>

<td>Fila 1 Columna 2 Tabla 1</td>

</tr>

<tr>

<td>Fila 2 Columna 2 Tabla 1</td>

<td>Fila 2 Columna 2 Tabla 1</td>

</tr>

</table>

</td>

<td width="50%">

<table border="1">

<tr>

<td>Fila 1 Columna 1 tabla 2</td>

<td>Fila 1 Columna 2 tabla 2</td>

</tr>

<tr>

<td>Fila 2 Columna 1 tabla 2</td>

<td>Fila 2 Columna 2 tabla 2</td>

</tr>

</table>

</td>

</tr>

</table>

Salu2!!

Es más fácil con css:

<table id="izquierda" style="float: left;">

...

</table>

<table id="derecha">

...

</table>

<div style="clear: both;"></div>

El último div es por si la tabla de la izquierda es más alta que la de la derecha, pero mira como se ve tu página con o sin ese div.

Si los anchos de las tablas son mayores al ancho total de la página la tabla de la derecha se moverá para abajo. Si es supernecesario que siempre estén una al lado de la otra las puedes meter dentro de un div que diga así:

<div style="width: (ancho en número)px;">

... tablas ...

</div>

Donde (ancho en número) debe ser mayor a la suma de los anchos de las dos tablas.

Te paso paginas que te han de servir.

http://www.martinpulido.com/blog/diseno-web/tablas...

http://es.html.net/tutorials/html/lesson10.asp

Suerte!