Behovet for å strekke bordet til hele rommet i nettleservinduet oppstår for eksempel når sideutformingen er plassert inne i tabellen. Løsningen på dette problemet krever ikke å skrive kompleks kode, men det innebærer å ta hensyn til noen av funksjonene ved markeringen av websider.
Nødvendig
Grunnleggende kunnskap om HTML
Bruksanvisning
Trinn 1
Først må du avklare betydningen av den kommende operasjonen. I HTML-kode er tabellsider et sett med nestede sammenkoblede koder (en åpning og en lukking). Cellemerker (
) er nestet i strengmerker (
), og de, i sin tur, til tabellmerker (
). I åpningskoden til tabellen kan du angi bredde og høyde både i absolutte enheter (piksler) og relative (prosent). Med relative størrelser blir bredden og høyden på det overordnede elementet i tabellen tatt til 100%. Hvis du plasserer en tabell direkte i brødteksten på siden (og ikke i et lag, skjema, annen tabell osv.), Vil dimensjonene til det overordnede elementet være bredden og høyden på siden. Dette betyr at for å strekke bordet til all ledig plass, må du spesifisere 100% horisontale og vertikale dimensjoner for det.
Steg 2
Nå kan du begynne å praktisere dette i HTML. Bredden og høyden på tabellen spesifiseres av bredde- og høydeattributtene. Så tabellkoden som indikerer 100% av dimensjonene i alle retninger, og for eksempel med to celler i en rad, kan se slik ut:
venstre celle i tabellen | høyre celle i tabellen |
Trinn 3
Å spesifisere 100% bredde og høyde vil være nok til å strekke tabellen hvis du velger riktig HTML-standard som nettleseren skal lese sidekoden etter. Merkelappen er plassert på den aller første linjen i dokumentet. Du trenger en tagg med følgende innhold:
Trinn 4
Og ett punkt til bør tas i betraktning i koden din: som standard er siden innrykket fra kantene av vinduet med noen få piksler, så tabellen, selv etter å ha fylt hele siden, vil ikke strekke seg til hele vinduet. For å eliminere disse unødvendige feltene, kan du spesifisere null innrykk i de tilsvarende attributtene i åpningstaggen til sideteksten ():
Trinn 5
Når den er samlet, vil hele sidekoden med en tabell strukket til full bredde og høyde på skjermen se slik ut:
Strukket bord
venstre celle i tabellen | høyre celle i tabellen |