La necessitat d'estirar la taula a tot l'espai de la finestra del navegador sorgeix, per exemple, quan el disseny de la pàgina es col·loca dins de la taula. La solució a aquest problema no requereix escriure codis complexos, però implica tenir en compte algunes de les característiques del marcatge de pàgines web.
Necessari
Coneixements bàsics d'HTML
Instruccions
Pas 1
En primer lloc, heu d’aclarir el significat de la propera operació. Al codi HTML, les pàgines de taula són un conjunt d’etiquetes emparellades imbricades (una obertura i una de tancament). Etiquetes de cel·la (
) estan niats dins de les etiquetes de cadena (
), i aquests, al seu torn, en etiquetes de taula (
). A l'etiqueta d'obertura de la taula, podeu definir l'amplada i l'alçada tant en unitats absolutes (píxels) com en relatius (percentatges). Amb mides relatives, l'amplada i l'alçada de l'element pare de la taula es prenen com a 100%. Si col·loqueu una taula directament al cos de la pàgina (i no en una capa, formulari, altra taula, etc.), les dimensions de l'element pare seran l'amplada i l'alçada de la pàgina. Això vol dir que per estirar la taula a tot l'espai lliure, heu d'especificar unes dimensions horitzontals i verticals del 100%.
Pas 2
Ara podeu començar a posar-ho en pràctica en HTML. Els atributs d'amplada i alçada especifiquen l'amplada i l'alçada de la taula. Per tant, el codi de la taula que indica el 100% de les dimensions en totes les direccions i, per exemple, amb dues cel·les en una fila, pot tenir aquest aspecte:
| cel·la esquerra de la taula | cel·la dreta de la taula |
Pas 3
Especificar un 100% d’amplada i alçada serà suficient per estirar la taula si trieu l’estàndard HTML adequat pel qual el navegador hauria de llegir el codi de pàgina. L'etiqueta es col·loca a la primera línia del document. Necessiteu una etiqueta amb el contingut següent:
Pas 4
I s’hauria de tenir en compte un punt més al vostre codi: per defecte, la pàgina s’indenta uns quants píxels des de les vores de la finestra, de manera que la taula, fins i tot després d’omplir tota la pàgina, no s’estendrà fins a tota la finestra. Per eliminar aquests camps innecessaris, podeu especificar zero sagnats als atributs corresponents a l'etiqueta d'obertura del cos de la pàgina ():
Pas 5
Quan es munta, el codi de pàgina sencer amb una taula estirada fins a l’amplada i l’altura de la pantalla tindrà el següent aspecte:
Taula estirada
| cel·la esquerra de la taula | cel·la dreta de la taula |
