Necesitatea de a întinde masa la întregul spațiu al ferestrei browserului apare, de exemplu, atunci când designul paginii este plasat în interiorul tabelului. Soluția la această problemă nu necesită scrierea unui cod complex, dar implică luarea în considerare a unora dintre caracteristicile marcajului paginilor web.
Necesar
Cunoștințe de bază în HTML
Instrucțiuni
Pasul 1
În primul rând, trebuie să clarificați semnificația viitoarei operațiuni. În codul HTML, paginile de tabel sunt un set de etichete perechi imbricate (o deschidere și una de închidere). Etichete celulare (
) sunt imbricate în etichetele șirului (
), iar acestea, la rândul lor, în etichete de tabel (
). În eticheta de deschidere a tabelului, puteți seta lățimea și înălțimea acestuia atât în unități absolute (pixeli), cât și relative (procente). Cu dimensiuni relative, lățimea și înălțimea elementului părinte al tabelului sunt luate ca 100%. Dacă așezați un tabel direct în corpul paginii (și nu într-un strat, formă, alt tabel etc.), atunci dimensiunile elementului său părinte vor fi lățimea și înălțimea paginii. Aceasta înseamnă că, pentru a întinde masa la tot spațiul liber, trebuie să specificați dimensiuni orizontale și verticale 100% pentru aceasta.
Pasul 2
Acum puteți începe să puneți acest lucru în practică în HTML. Lățimea și înălțimea tabelului sunt specificate de atributele de lățime și înălțime. Deci, codul tabelului care indică 100% din dimensiuni în toate direcțiile și, de exemplu, cu două celule pe un rând, poate arăta astfel:
| celula stângă a mesei | celula dreaptă a mesei |
Pasul 3
Specificarea lățimii și înălțimii 100% va fi suficientă pentru a întinde masa dacă alegeți standardul HTML potrivit prin care browserul ar trebui să citească codul paginii. Eticheta este plasată chiar pe prima linie a documentului. Aveți nevoie de o etichetă cu următorul conținut:
Pasul 4
Și încă un punct ar trebui să fie luat în considerare în codul dvs.: în mod implicit, pagina este indentată de la marginile ferestrei cu câțiva pixeli, astfel încât tabelul, chiar și după completarea întregii pagini, nu se va întinde pe întreaga fereastră. Pentru a elimina aceste câmpuri inutile, puteți specifica zero indentări în atributele corespunzătoare în eticheta de deschidere a corpului paginii ():
Pasul 5
Când este asamblat, întregul cod de pagină cu un tabel întins la toată lățimea și înălțimea ecranului va arăta astfel:
Masă întinsă
| celula stângă a mesei | celula dreaptă a mesei |
