Behovet av att sträcka bordet till hela webbläsarfönstret uppstår till exempel när siddesignen placeras inuti bordet. Lösningen på detta problem kräver inte att du skriver komplex kod, men det handlar om att ta hänsyn till några av funktionerna i markeringen av webbsidor.
Nödvändig
Grundläggande kunskaper om HTML
Instruktioner
Steg 1
Först måste du klargöra innebörden av den kommande operationen. I HTML-kod är tabellsidor en uppsättning kapslade parade taggar (en öppning och en stängning). Celltaggar (
) är kapslade i strängtaggar (
) och de i sin tur till tabelltaggar (
). I tabellens öppningstagg kan du ställa in dess bredd och höjd både i absoluta enheter (pixlar) och relativa (procent). Med relativa storlekar tas bredden och höjden på det överordnade elementet i tabellen till 100%. Om du placerar en tabell direkt i sidans kropp (och inte i ett lager, form, annan tabell etc.), kommer dimensionerna på dess överordnade element att vara sidans bredd och höjd. Detta innebär att du måste ange 100% horisontella och vertikala dimensioner för att sträcka ut bordet till allt ledigt utrymme.
Steg 2
Nu kan du börja omsätta detta i HTML. Bredden och höjden på tabellen specificeras av attributen bredd och höjd. Så tabellkoden som anger 100% av dimensionerna i alla riktningar och till exempel med två celler i en rad kan se ut så här:
| vänster cell i tabellen | höger cell i tabellen |
Steg 3
Att ange 100% bredd och höjd räcker för att sträcka ut tabellen om du väljer rätt HTML-standard enligt vilken webbläsaren ska läsa sidkoden. Taggen placeras på den allra första raden i dokumentet. Du behöver en tagg med följande innehåll:
Steg 4
Och en punkt till bör tas med i din kod: som standard är sidan indragen från fönstrets kanter med några pixlar, så tabellen, även efter att ha fyllt hela sidan, sträcker sig inte till hela fönstret. För att eliminera dessa onödiga fält kan du ange noll indrag i motsvarande attribut i inledningen på sidtexten ():
Steg 5
När den är monterad kommer hela sidkoden med en tabell sträckt till skärmens fulla bredd och höjd att se ut så här:
Sträckt bord
| vänster cell i tabellen | höger cell i tabellen |
