Behovet for at strække bordet til hele rummet i browservinduet opstår for eksempel når sidedesignet placeres inde i tabellen. Løsningen på dette problem kræver ikke at skrive kompleks kode, men det indebærer at tage højde for nogle af funktionerne i markeringen af websider.
Nødvendig
Grundlæggende viden om HTML
Instruktioner
Trin 1
Først skal du afklare betydningen af den kommende operation. I HTML-kode er tabel sider et sæt indlejrede parrede tags (en åbning og en lukning). Celle tags (
) er indlejret i streng-tags (
), og disse, til gengæld, til tabelskoder (
). I åbningskoden på tabellen kan du indstille dens bredde og højde både i absolutte enheder (pixels) og relative (procenter). Med relative størrelser tages bredden og højden af det overordnede element i tabellen som 100%. Hvis du placerer en tabel direkte i brødteksten på siden (og ikke i et lag, form, anden tabel osv.), Vil dimensionerne på dets overordnede element være sidens bredde og højde. Dette betyder, at du skal angive 100% vandrette og lodrette dimensioner for at strække bordet til al ledig plads.
Trin 2
Nu kan du begynde at omsætte dette i praksis i HTML. Bordets bredde og højde specificeres af attributterne bredde og højde. Så tabelkoden, der angiver 100% af dimensionerne i alle retninger og for eksempel med to celler i en række, kan se sådan ud:
| venstre celle i tabellen | højre celle i tabellen |
Trin 3
At specificere 100% bredde og højde er nok til at strække tabellen, hvis du vælger den rigtige HTML-standard, som browseren skal læse sidekoden med. Mærket er placeret på den allerførste linje i dokumentet. Du har brug for et tag med følgende indhold:
Trin 4
Og et andet punkt skal tages i betragtning i din kode: Som standard er siden indrykket fra kanterne af vinduet med et par pixels, så tabellen, selv efter at have udfyldt hele siden, strækker sig ikke til hele vinduet. For at fjerne disse unødvendige felter kan du angive nul indrykninger i de tilsvarende attributter i åbningskoden på sideteksten ():
Trin 5
Når den er samlet, vil hele sidekoden med en tabel strakt til skærmens fulde bredde og højde se sådan ud:
Strakt bord
| venstre celle i tabellen | højre celle i tabellen |
