Необходимостта от разтягане на таблицата до цялото пространство на прозореца на браузъра възниква, например, когато дизайнът на страницата е поставен вътре в таблицата. Решението на този проблем не изисква писане на сложен код, но включва отчитане на някои от характеристиките на маркирането на уеб страници.
Необходимо
Основни познания по HTML
Инструкции
Етап 1
Първо, трябва да изясните значението на предстоящата операция. В HTML кода страниците на таблици са набор от вложени сдвоени маркери (едно отваряне и едно затваряне). Маркери на клетки (
) са вложени в низ тагове (
), а тези от своя страна в тагове на таблицата (
). В отварящия таг на таблицата можете да зададете нейната ширина и височина както в абсолютни единици (пиксели), така и в относителни (проценти). При относителни размери ширината и височината на родителския елемент на таблицата се приемат за 100%. Ако поставите таблица директно в тялото на страницата (а не в слой, форма, друга таблица и т.н.), тогава размерите на нейния родителски елемент ще бъдат ширината и височината на страницата. Това означава, че за да разтегнете масата до цялото свободно пространство, трябва да посочите 100% хоризонтални и вертикални размери за нея.
Стъпка 2
Сега можете да започнете да прилагате това на практика в HTML. Ширината и височината на таблицата се определят от атрибутите width и height. Така че кодът на таблицата, показващ 100% от размерите във всички посоки и, например, с две клетки в един ред, може да изглежда така:
| лява клетка на таблицата | дясна клетка на таблицата |
Стъпка 3
Посочването на 100% ширина и височина ще бъде достатъчно за разтягане на таблицата, ако изберете правилния HTML стандарт, по който браузърът трябва да чете кода на страницата. Етикетът се поставя на първия ред на документа. Трябва ви маркер със следното съдържание:
Стъпка 4
И още една точка трябва да се вземе предвид във вашия код: по подразбиране страницата се отстъпва от краищата на прозореца с няколко пиксела, така че таблицата, дори и след попълване на цялата страница, няма да се простира до целия прозорец. За да премахнете тези ненужни полета, можете да посочите нула отстъпи в съответните атрибути в началния таг на тялото на страницата ():
Стъпка 5
Когато е сглобен, целият код на страницата с таблица, опъната до пълната ширина и височина на екрана, ще изглежда така:
Разтегната маса
| лява клетка на таблицата | дясна клетка на таблицата |
