Max-width и min-width nредлагают комnромисс между фиксированной и свободной шириной

(см. врезку «Информация для оnытных nольэователей» далее) .

.. ,.. .... .. __ _

-Jt · Y · · ~~ .. ..,_~·_: .... , ,

o---... .::~::_:_:JJoSo':.,:~

.". .........~ -.. ............ ,.,." _... ..... -- ··'·- ··-···--

'' .. ·•· ..... ..... ~ .,...- ._.... -.. .

.. ~,.. .. - ... ..

<Jo • .;,. •о~~...._~ ~ ...... , •• ;... .

. У. !., ~ ~ .:: .. -'! ..

·-· .. ~to.. , .. _ ,.

у.·~·- ........ ... ,..,_ ... - ..

Рис. 11.1. Три типа оформления страницы

Фиксированная

Ширина

Неnостоянная

Ширина

Гибкий дизайн

Итак, у вас есть несколько способов работы с неопределенными размерами окон

И шрифта браузера. Вы можете просто проигнорировать тот факт, что у ваших посетителей

Мониторы с различными разрешениями, и насильно установить единственную

Фиксированную ширину для вашей страницы либо создать свободный дизайн,

Который заполнит окно любой ширины, с которой столкнется. Гибкий дизайн изменяет

Ширину, только если размер шрифта (а не размер окна) изменяется.

В обучающих уроках в конце следующей главы вы создадите страницы с фиксированной

И свободной ширин_ой.

Как работает СSS- раэметка

Как говорилось в гл. 1, на заре развития Интернета ограничения HTML вынудили

Дизайнеров придумывать новые способы оформления сайтов. Самым распростра-

Как работает СSS-раэметка 321

ненным инструментом был тег <taЬle>, который, как изначально предnолагалось,

Должен был служить для отображения информации в виде электронной та.блицы,

Составленной из строк и столбцов сданными. Разработчики использовали НТМLтаблицы,