Hola, tengo un problema que me está amargando la existencia desde hace días. Por exigencias del trabajo, he de maquetar con tablas y no con divs, a mi juicio una chapuza, pero ahí está. El caso es que tengo un <td> que contiene un <table>, y a su vez, este <table> una sola fila con dos celdas: en la de la izquierda muestra un menú, y en la de la derecha datos traídos con Ajax desde un PHP. Al principio, como esa "celda resultado" está vacía, efectivamente el menú queda alineado en el top, pero al cargar datos y mostrar tablas con altura mayor a la del menú, automáticamente este se alinea verticalmente en el centro, y queda sumamente feo. Por más que tiro de vertical-align: top / valign="top" en el CSS / HTML, no hay manera. Por favor, que alguien me ayude :(
Dejo algo de código por si ayuda.
HTML:
Código HTML:
<!-- Caja Máquinas -->
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="menu" valign="top">
<!-- Caja Entornos -->
<table cellpadding="0" cellspacing="1" border="0">
<tr>
<td>
<select name="comboMaquinas" id="comboMaquinas">
<option value="c_hosts.txt">Java</option>
<option value="cobol_hosts.txt">Cobol</option>
</select>
</td>
</tr>
</table>
<!-- Fin Caja Entornos -->
</td>
<td id="resultado" valign="top"></td>
</tr>
</table>
<!-- Caja Máquinas -->
CSS:
Código HTML:
#menu { width: 20%; vertical-align: top; }
#resultado { width: 80%; vertical-align: top; }