Размеры ячеек

Как и многие другие параметры HTML, width и height являются универсальными: определяют аналогичные свойства похожих объектов. Нетрудно догадаться, что размеры табличных ячеек задаются тоже с их помощью. Причем эти размеры, так же как и другие, могут быть абсолютными (в пикселях) или относительными (в процентах от ширины таблицы).

Обычно, если это важно, размеры ячеек указывают в процентах. Тогда при изменении размеров окна броузера таблица будет пропорционально "растягиваться" или "сжиматься". Если же задать размеры в пикселях, то в слишком большом окне рядом с такой таблицей останется много пустого места, что выглядит неаккуратно, а в слишком маленьком окне таблица не поместится, что приведет к появлению горизонтальной прокрутки. А, как мы уже знаем, текст, не помещающийся в окне по горизонтали, очень неудобно читать.

Например, что нужно сделать, чтобы в нашем примере правый столбец был втрое шире левого? Правильно, присвоить ячейкам правого столбца значение параметра width, равное 75%. Или ячейкам левого столбца - 25% (рис. 10.11). Теперь, как бы мы ни растягивали окно броузера, левый столбец всегда будет занимать только четверть его ширины.

 Однако в некоторых случаях приходится определять размер ячейки именно в пикселях. В частности, такой подход широко используется, когда таблица представляет собой рисунок, разбитый на части так, что­бы каждая часть помещалась в отдельной ячейке. Тогда, для того чтобы размеры ячейки точно соответствовали размерам помещенного внутри изображения, их задают в пикселях.

Можно ли задать, например, высоту всей строки в дескрипторе <TR>, "сэкономив" на этом немного сил и сократив код? Нет, нельзя. Ширина и высота ячеек определяются только в дескрипторах, описывающих сами ячейки либо их группы (см. раздел "Группировка ячеек").