Potreba po raztezanju tabele na celoten prostor okna brskalnika se pojavi, na primer, ko je zasnova strani postavljena znotraj tabele. Rešitev tega problema ne zahteva pisanja zapletene kode, vendar vključuje upoštevanje nekaterih značilnosti označevanja spletnih strani.
Potrebno
Osnovno znanje HTML
Navodila
Korak 1
Najprej morate razjasniti pomen prihajajoče operacije. V tabeli HTML so strani tabel sklop ugnezdenih seznanjenih oznak (ena odprtina in ena zaključek). Oznake celic (
) so ugnezdeni znotraj nizov (
), ti pa v oznake tabele (
). V uvodni oznaki tabele lahko nastavite njeno širino in višino v absolutnih enotah (slikovnih pikah) in relativnih (odstotkih). Pri relativnih velikostih se širina in višina nadrejenega elementa tabele upoštevata kot 100%. Če tabelo postavite neposredno v telo strani (in ne v plast, obrazec, drugo tabelo itd.), Bodo dimenzije njenega nadrejenega elementa širina in višina strani. To pomeni, da morate mizo raztegniti na ves prosti prostor, zanjo morate določiti 100% vodoravne in navpične mere.
2. korak
Zdaj lahko to začnete izvajati v praksi v HTML-ju. Širina in višina tabele je določena z atributoma širine in višine. Koda tabele, ki prikazuje 100% dimenzij v vseh smereh in na primer z dvema celicama v eni vrstici, je lahko videti takole:
| leva celica tabele | desna celica tabele |
3. korak
Določitev 100% širine in višine bo dovolj za raztezanje tabele, če izberete pravi standard HTML, po katerem naj brskalnik bere kodo strani. Oznaka je postavljena v prvo vrstico dokumenta. Potrebujete oznako z naslednjo vsebino:
4. korak
Pri kodi je treba upoštevati še eno točko: stran je privzeto od robov okna zamaknjena za nekaj slikovnih pik, zato se tabela tudi po zapolnitvi celotne strani ne bo raztegnila na celotno okno. Če želite odpraviti ta nepotrebna polja, lahko v ustreznih atributih v uvodni oznaki telesa strani () določite ničlo zamikov:
5. korak
Ko je sestavljena, bo celotna koda strani s tabelo, raztegnjeno na celotno širino in višino zaslona, videti takole:
Raztegnjena miza
| leva celica tabele | desna celica tabele |
