La necesidad de extender la tabla a todo el espacio de la ventana del navegador surge, por ejemplo, cuando el diseño de la página se coloca dentro de la tabla. La solución a este problema no requiere escribir un código complejo, sino que implica tener en cuenta algunas de las características del marcado de las páginas web.
Necesario
Conocimientos básicos de HTML
Instrucciones
Paso 1
Primero, debe aclarar el significado de la próxima operación. En el código HTML, las páginas de la tabla son un conjunto de etiquetas emparejadas anidadas (una de apertura y una de cierre). Etiquetas de celda (
) están anidados dentro de etiquetas de cadena (
) y, a su vez, en etiquetas de tabla (
). En la etiqueta de apertura de la tabla, puede establecer su ancho y alto tanto en unidades absolutas (píxeles) como relativas (porcentajes). Con tamaños relativos, el ancho y el alto del elemento padre de la tabla se toman como 100%. Si coloca una tabla directamente en el cuerpo de la página (y no en una capa, formulario, otra tabla, etc.), las dimensiones de su elemento principal serán el ancho y el alto de la página. Esto significa que para estirar la mesa a todo el espacio libre, debe especificar dimensiones 100% horizontales y verticales para ella.
Paso 2
Ahora puedes empezar a poner esto en práctica en HTML. El ancho y el alto de la tabla se especifican mediante los atributos de ancho y alto. Entonces, el código de la tabla que indica el 100% de las dimensiones en todas las direcciones y, por ejemplo, con dos celdas en una fila, puede verse así:
| celda izquierda de la tabla | celda derecha de la tabla |
Paso 3
Especificar 100% de ancho y alto será suficiente para estirar la tabla si elige el estándar HTML correcto por el cual el navegador debe leer el código de la página. La etiqueta se coloca en la primera línea del documento. Necesita una etiqueta con el siguiente contenido:
Paso 4
Y un punto más debe tenerse en cuenta en su código: de forma predeterminada, la página tiene una sangría de unos pocos píxeles desde los bordes de la ventana, por lo que la tabla, incluso después de llenar toda la página, no se extenderá a toda la ventana. Para eliminar estos campos innecesarios, puede especificar cero sangrías en los atributos correspondientes en la etiqueta de apertura del cuerpo de la página ():
Paso 5
Una vez ensamblado, el código de página completo con una tabla estirada a todo el ancho y alto de la pantalla se verá así:
Mesa estirada
| celda izquierda de la tabla | celda derecha de la tabla |
