Centrar tabla

Hola, como puedo hacer para centrar una tabla en un navegador. Consigo centrarla con el align=center, pero solo se centrar de forma...

La FAQ Centrar tabla tiene

Pertenece a la categoría:
Pregunta
Hola, como puedo hacer para centrar una tabla en un navegador.




Consigo centrarla con el align=center, pero solo se centrar de forma horizontal, de vertical no.





He probado poner valign=middle, pero no funciona.




También he probado de crear la tabla con el height=100%, pero la tabla no ocupa toda la ventana, se queda a un cuarto del final




A ver si alguien me puede echar una mano, gracias
Respuesta de José Daniel Fernández
Yo acabo de probar con este código y funciona. aunque veas cosas raras





<HTML>


<body>


<table style="HEIGHT:100%;WIDTH:100%;" border=1>


<tr align="center" bottom="middle"><td>


<table border=2>


<tr><td>Esto debe aparecer en tol medio</td></tr>


</td></tr>


</table>


</body>


</HTML>





De hecho, si redimensionas la ventana del explorados sigue apareciendo en el medio al refrescar.

Volver al árbol de categoríasVolver al árbol de categorías

Comentarios

Esteban Vega

06/12/2006
si pone un estilo así:

html, body {
width:100%;
height:100%;
}

y centra algo Verticalemnte le funcionará esto es por que al parecer si no especifica que el tamaño predeterminado de body es 100% (height) el solo toma el espacio usado por los objetos que hay dentro de el.

Jordi

12/12/2006
La ultima tendencia en programación web es el uso de CSS, maquetando a través de DIV, por lo que lo puedes colocar en el sitio que quieras. Es muy importante que los programadores web utilizemos esta tecnica por lo bien que va, para estandarizar al máximo y para cumplir con los requisitos de accesibilidad y usabilidad. Te recomiendo el articulo http://www.desarrolloweb.com/articulos/disenio-web-de-buen-aspecto-grafico.html donde hay unos enlaces que te pueden ser muy útiles para el uso de CSS.

Florencio

18/12/2006
Es muy facil, crea una tabla anidada, es decir pone una arriba de otra, esto tiene que ser en una celda.
y los centras de las dos formas.

saludos..

Florencio

papu

02/3/2007
yo estaba intentando por todos los medios de centrar verticalmente una tabla, vi tu codigo y curiosamente funciona solo sino se pone el doctype,, en ese caso la tabla verticalmente no coje todo el alto de la pagina que es lo que me pasaba a mi.

Me gustaria saber porque ocurre eso.

gracias.

manzanita

27/7/2007
Muuchas gracias José Daniel Fernández ^^

Aunque no soy quien abrió el tema, tu respuesta me ha servido de mucho. Te confieso que al principio me pareció gracioso, pero me funcionó y muy bien.

Un abrazo (>^.^)>

KolaJet

19/9/2007
GRACIAS, FUNCIONA!
Cierto que no funciona al declarar DOCTYPE (Tampoco se por qué!) De todos modos, el código indicado en el mensaje principal contiene errores. Lo he limpiado y aquí os lo dejo simplificado ;-)

<HTML>
<body>
<table style="HEIGHT:100%;WIDTH:100%;">
<tr align="center" bottom="middle">
<td>Esto debe aparecer en tol medio</td>
</tr>
</table>
</body>
</HTML>

Belop

19/2/2010
wow it works
funciona a la perfecion!!!!!

Keylin

27/8/2010
Respuesta
Debés poner el height = 100% y el weight = 100%, esto ocupará el 100% de la pantalla

lulu

25/3/2012
Me sirvió ..Gracias
Gracias ....fue la primera busqueda de google ..y me sirvió de maravilla... lo que hice fue copiar y pegar en la edicion html de la tabla lo siguiente: <tr align="center" bottom="middle">

y listo... GRACIAS.
FAQ relacionadas

Para ver más FAQ relacionadas accede a las categorías:

Volver al árbol de categoríasVolver al árbol de categorías