Вам понадобится
  • Начальные знания языка HTML
Инструкция
1
Сначала вам надо уточнить смысл предстоящей операции. В HTML-коде страницы таблицы представляют собой набор вложенных друг в друга парных тегов (по одному открывающему и закрывающему). Теги ячеек (<td> и </td>) вложены в теги строк (<tr> и </tr>), а те в свою очередь - в теги таблицы (<table> и </table>). В открывающем теге таблицы можно задавать ее ширину и высоту как в абсолютных единицах (пикселах), так и относительных (процентах). При относительных размерах за 100% принимается ширина и высота родительского элемента таблицы. Если поместить таблицу непосредственно в тело страницы (а не в слой, форму, другую таблицу, и т.д.), то размерами ее родительского элемента и будут ширина и высота страницы. Значит, чтобы растянуть таблицу на все свободное пространство, надо указать ей 100% размеры по горизонтали и вертикали.
2
Теперь можно заняться практической реализацией этого в HTML-коде. Ширина и высота таблицы задается атрибутами width и height. Значит код таблицы с указанием 100% размеров по всем направлениям и, например, с двумя ячейками в одной строке, может выглядеть так:<table width="100%" height="100%">
<tr align="center">
<td bgcolor="#808080">левая ячейка таблицы</td>
<td bgcolor="#c0c0c0">правая ячейка таблицы</td>
</tr>
</table>
3
Указания 100% ширины и высоты будет достаточно, чтобы растянуть таблицу, если вы правильно выберите HTML-стандарт, по которому браузер должен читать код страницы. Соответствующий тег размещается в самой первой строке документа. Вам нужен тег такого содержания:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
4
И еще один момент следует учесть в вашем коде: по умолчанию страница имеет отступы от краев окна размером в несколько пиксел, поэтому таблица, даже заполнив всю страницу, все же не растянется на все окно. Чтобы уничтожить эти ненужные поля, можно в открывающем теге тела страницы (<body>) указать нулевые отступы в соответствующих атрибутах:<body topmargin="0" leftmargin="0">
5
В сборе весь код страницы с растянутой на всю ширину и высоту экрана таблицей будет выглядеть так:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Растянутая таблица</title>
</head>
<body topmargin="0" leftmargin="0"><table border="1" width="100%" height="100%">
<tr align="center">
<td bgcolor="#808080">левая ячейка таблицы</td>
<td bgcolor="#c0c0c0">правая ячейка таблицы</td>
</tr>
</table></body>
</html>