centrar tabla verticalmente

strepor · #1 (**permalink**) 23/02/2010, 14:50

Hola. Tengo una web en html hecha en una tabla y quisiera que se centrase verticalmente. He estado revisando los mensajes para ver si había algo sobre este tema y he encontrado uno que consiste en hacer una tabla con width="100%" height="100%, para pegar dentro la mía.

Esto debería de funcionar, y de hecho en Dreamweaver funciona, pero al verlo en un navegador el contenido sigue estando en la parte superior.

He probado a ponerle un margen a la tabla con el width="100%" y al verlo en cualquier navegador veo que no ocupa el 100% del alto de la página, tiene el mismo alto que la tabla que pego dentro (por eso esta me sale pegada arriba)

he probado lo siguiente y me debería salir toda la página en rojo, sin embargo solo me sale una franja roja en la parte superior (lo he probado en iexplorer, en firefox y en chrome, y en todos pasa igual)

<table width="100%" height="100%" border="1">
<td bgcolor="#CC3300"></td>
</tr>
</table>

¿alguien me puede ayudar con esto? ¿por que por más que le doy el alto al 100% no lo hace?

Gracias

Carlangueitor · #2 (**permalink**) 23/02/2010, 14:55

Tendrías que meter la página dentro de una tabla al 100% y luego valign centrar verticalmente el sitio.

Código HTML:

Ver original<table width="100%" height="100%" border="1">
<td bgcolor="#CC3300" valign="middle"></td>
</tr>
</table>

Yo recomiendo que dejes las tablas para tabular datos y los DIVs para maquetar sitios.

Saludos

strepor · #3 (**permalink**) 23/02/2010, 17:02

Si el caso es que ya la he metido en una tabla con el alto al 100%, pero esa tabla no ocupa el 100% del alto, sino que mide lo mismo que el contenido. Y si la dejo vacía, con el width="100%" en lugar de ocuparme toda la pantalla, solo me sale un franja en la parte superior