Foros del Web » Creando para Internet » HTML »

Alineado vertical de un <table> dentro de un <td>

Estas en el tema de Alineado vertical de un <table> dentro de un <td> en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/05/2007, 06:10
 
Fecha de Ingreso: octubre-2003
Mensajes: 33
Antigüedad: 21 años, 1 mes
Puntos: 0
Información Alineado vertical de un <table> dentro de un <td>

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; }
  #2 (permalink)  
Antiguo 08/05/2007, 10:12
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Re: Alineado vertical de un <table> dentro de un <td>

Más bien la que debe tener el align top es la que contiene el select, ¿no?

Código HTML:
<td valign="top">
<select name="comboMaquinas" id="comboMaquinas">
<option value="c_hosts.txt">Java</option>
<option value="cobol_hosts.txt">Cobol</option>
</select>
</td> 
  #3 (permalink)  
Antiguo 08/05/2007, 13:54
 
Fecha de Ingreso: octubre-2003
Mensajes: 33
Antigüedad: 21 años, 1 mes
Puntos: 0
Re: Alineado vertical de un <table> dentro de un <td>

Hostias es verdad!...no puede ser, llevo dos días encasquillado con eso, no puedo haber sido tan tonto... mañana en el curro pruebo.

Muchas gracias :)
  #4 (permalink)  
Antiguo 09/05/2007, 17:59
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Re: Alineado vertical de un <table> dentro de un <td>

Una distracción a cualquiera le pasa. :)
  #5 (permalink)  
Antiguo 10/05/2007, 23:36
 
Fecha de Ingreso: octubre-2003
Mensajes: 33
Antigüedad: 21 años, 1 mes
Puntos: 0
Re: Alineado vertical de un <table> dentro de un <td>

Pues efectivamente :)

Muchas gracias, estaba muy mosca con el tema, he perdido mucho tiempo con una estupidez, pero ya está resuelta ;)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:29.