Резиновым принято называть сайт, изменяющий свои размеры в зависимости от размеров клиентской области окна броузера. Идея достаточно проста: задавать width и height столбцов и строк таблицы или же контейнеров, при помощи которых осуществляется разметка страницы можно либо в пикселах, либо в в процентах, при этом за 100% считаются размеры контейнера, содержащего описываемый объект.
Если использовать размеры в пикселах, то сайт будет "жёстким". Конечно, и в этом случае остаётся возможность динамического изменения размеров элементов разметки при помощи JavaScript, например, по событию window.onResize, но наиболее гибко позволяет менять размеры ипользование процентных величин. Сайт, использующий процентные соотношения размеров width и height вложенныйх контейнеров относительно контейнера - приёмника называется "резиновым".
В основном при создании резиновых сайтов используются процентные величины - то есть например ширина таблиц задается не в пикселях, а в процентах. По крайней мере если задать ширину в процентах, то размеры сайта будут зависеть от размеров экрана. Но его все равно надо будет подгонять как вам нужно путем редактирования параметров CSS. Если хотите, чтобы ширина сайта была на весь экран - пишите 100%, а если на половину - 50%.
Ширина страницы на экране пользователя разработчику не известна. Она зависит от свойств монитора, разрешения экрана и размеров открытого окна.
Поэтому, "резиновая" идея, похоже, самая правильная для сайта в Интернете. Она позволяет браузеру автоматически распределять элементы на экране с учетом ширины текущего окна и не приводит к показу горизонтальной линейки протяжки даже в узких окнах.
Преимущества резинового сайта.
Основным преимуществом является динамическое изменение размеров сайта. Пропорции элементов разметки остаются неизменными для любого разрешении монитора и любых манипуляций пользователя с окном броузера. Дизайнерское решение почти всегда очень сильно проигрывает, если сайт представить в виде таблицы с текстом и графикой, позиционированной по центру или левому краю окна, в то время как справа и/или слева остаются большие поля. Такое случается, если ваш сайт построен для какого-то "оптимального" разрешения монитора пользователя (например 800х600, или 1024х76
, а у пользователя установлено большее разрешение. Если же при построении "жесткого" сайта сориентировать его на какое-то "максимальное" разрешение монитора пользователя (например, 1280х1024) то при более низких разрешениях ваш сайт приобретёт горизонтальную полосу прокрутки и "потеряет" часть изображения за правым полем что вообще сведёт к нулю все усилия дизайнера.
В случае с резиновым сайтом такие неприятности почти исключены. Сайт будет выглядеть одинаково при любом разрешении монитора пользователя.
Скрыть