2012-07-24 6 views
6

Cómo dar el 100% de altura de mesa,cómo dar el 100% la altura de la mesa en html5

<table border="1" style="height:100%"><tr> <td>Height 100%</td></tr> </table> 

He intentado esto pero no es tomar la altura del 100%, puede alguien ayudarme

+0

Qué CSS tienes en la página, es probable que el cuerpo de la página (o cualquier elemento que contenga la tabla) no esté configurado al 100% de altura. Puede usar http://www.jsbin.com para pegar su código HTML y CSS en, y enviarlo a través del enlace para permitirnos seguir depurando. –

+0

Estoy usando dentro del cuerpo, ahora he dado 100% a la etiqueta del cuerpo, su funcionamiento y gracias por proporcionar el enlace jsbin.com para verificar mi código html –

Respuesta

7

Dale a tu cuerpo la altura de 100% y la tabla seguirá - http://jsfiddle.net/R3h3p/

+0

gracias Zoltan ... se ha resuelto ... –

+1

Cabe señalar que el elemento html también debe establecerse en altura: 100%, no solo el cuerpo (su enlace es correcto). Al menos en mis experimentos. Supongo que es porque html es el padre del cuerpo. (Lo cual me parece bastante extraño, que las etiquetas html y/o corporales no asumen que ocupan toda la altura de la página visible ... Solo llámame un tipo peculiar de hombre ... jaja) –

+4

El comentario de Trizkit es correcto. Sin embargo, no olvide que los elementos 'html' y' body' no solo deben tener 'height: 100%', sino que * todos los elementos primarios * de la tabla deben tener 'height: 100%' también. – preahkumpii

Cuestiones relacionadas