Як розтягнути таблицю

Спочатку вам треба уточнити зміст майбутньої операції. У HTML-коді сторінки таблиці представляють собою набір вкладених один в одного парних тегів (по одному відкриває і закриває). Теги осередків ( і ) Вкладені в теги рядків ( і ), А ті в свою чергу - в теги таблиці ( і ). У відкриваючому тезі таблиці можна задавати її ширину і висоту як в абсолютних одиницях (пікселах), так і відносних (відсотках). При відносних розмірах за 100% приймається ширина і висота батьківського елемента таблиці. якщо помістити таблицю безпосередньо в тіло сторінки (а не в шар, форму, іншу таблицю, і т.д.), то розмірами її батьківського елемента і будуть ширина і висота сторінки. Значить, щоб розтягнути таблицю на весь вільний простір, треба вказати їй 100% розміри по горизонталі і вертикалі.

Тепер можна зайнятися практичною реалізацією цього в HTML-коді. Ширина і висота таблиці задається атрибутами width і height. Значить код таблиці із зазначенням 100% розмірів в усіх напрямках і, наприклад, з двома осередками в одному рядку, може виглядати так:

ліва комірка таблиці

права осередок таблиці

Вказівки 100% ширини і висоти буде достатньо, щоб розтягнути таблицю, якщо ви правильно виберіть HTML-стандарт, за яким браузер має читати код сторінки. Відповідний тег розміщується в самій першому рядку документа. Вам потрібен тег такого змісту:

І ще один момент слід врахувати в вашому коді: за замовчуванням сторінка має відступи від країв вікна розміром в декілька піксель, тому таблиця, навіть заповнивши всю сторінку, все-таки не розтягнеться на все вікно. Щоб знищити ці непотрібні поля, можна в відкриваючому тезі тіла сторінки () Вказати нульові відступи в відповідних атрибутах:

У зборі весь код сторінки з розтягнутою на всю ширину і висоту екрану таблицею буде виглядати так:

ліва комірка таблиці

права осередок таблиці