Estoy haciéndo una página y tengo un problema con las tablas. La cosa está así:
Tengo una tabla dividida en dos columnas. En la columna de la izquierda (columna 1) tengo una tabla en donde irá toda la información. En la columna de la derecha (columna 2) tengo dos tablas que llevarán imágenes, y quiero que esas dos tablas con imágenes estén siempre hasta arriba alineadas con la tabla de la columna 1, pero cuando la tabla de la columna 1 aumenta su tamaño, las tablas de la columna 2 se alinean al centro (de arriba hacia abajo). Cómo puedo evitar esto?
Así es como quiero que quede h t t p : // img134.imageshack.us/my.php?image=ejemplo1wu8.jpg
Y este es mi código:
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #006666;
}
-->
</style></head>
<body>
<div align="center">
<table width="950" border="0" cellpadding="0" cellspacing="0" bgcolor="#003366">
<tr>
<td height="42"> </td>
</tr>
</table>
<br>
<table width="950" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEEE">
<tr>
<td height="25" colspan="2"> </td>
</tr>
<tr>
<td width="690"> <div align="center">
<table width="670" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center"></div></td>
</tr>
</table>
</div></td>
<td width="260"><div valign="top">
<div align="center">
<table width="250" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center"><img src="tabla_lateral.jpg" width="250" height="200"></div></td>
</tr>
</table>
<br>
</div>
</div> <div align="center">
<table width="250" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center"><img src="tabla_lateral.jpg" width="250" height="200"></div></td>
</tr>
</table>
<br>
</div></td>
</tr>
</table>
</div>
</body>
</html>
Espero que me puedan ayudar con esto
