Оригинал сообщения

При використанні еластичного макета розмір основного контейнера та інших ( важливих ) елементів задається в em . Em прямо пропорційні розміру тексту або шрифту. Отже, при збільшенні розміру тексту на сторінці , розміри розділів , задані в em , збільшаться пропорційно.

Приклад еластичного макета можна подивитися в моєму уявленні CSS Zen Garden (обмежений гібрид еластичного і гумового макета ) . Наскільки я знаю , це єдине подання CSS Zen Garden , яке є еластичним і доступно настільки , наскільки це взагалі можливо при Нередагована ( спочатку заданої ) розмітці сторінки. Я дуже пишаюся цим фактом ( дійсно , дуже хороший приклад , але у мене в Opera 9.22 при ширині менше 150 пікселів блоки « наїжджають » один на одного , цей ефект описаний вище в мінусах гумового макета ) .

Плюси еластичного макета

Якщо все зроблено правильно , то це дуже стабільна верстка , тому всі змінює розмір пропорційно. В результаті при будь-якій зміні розмірів все як і раніше добре ;

Еластичний макет досить складна річ , це неймовірно круто і кожного разу це виклик самому собі перш за все. Перше моє знайомство з ним було на сайті Tommy Olsson (який, по видимому , є хорошим прикладом того , як слід робити еластичні сайти). Він вразив мене , змусив посміхнутися і глибоко задуматися про те , як я мало знаю ( impressed the hell out of me ) . Кращим прикладом може бути збільшення тексту на сайтах з еластичним макетом : досить затиснути ctrl і покрутити колесо миші.

Мінуси еластичного макета

Незважаючи на його привабливість і елегантність , я не знаю дійсно хорошого його застосування , це змушує замислитися , навіщо ж він взагалі потрібен ?

Якщо не обмежити розміри зовнішнього контейнера , то цей макет може бути справжнім лихом для користувача: він буде розтягуватися ширше , і ширше , і ширше  без жодних видимих