По ту сторону Веб-страницы

Как изобрести велосипед

Го реже используются «тянущиеся» флэш-вставки, меняющие размер вслед за размером окна. Тянуться может не весь ролик, а только его часть, например, фон — растягиваться на ширину окна браузера (или на заданное число процентов), а объекты на этом фоне остаются на своем месте и не меняют размер. Приемы подобной работы описаны, например, в статье флэш-технолога Nox Noctis «Создание резиновых (эластичных) флэш-роликов» (Http://JIash-Mx.Ru/Url_Elastic).

С процентными величинами все просто. Достаточно сделать таб­лицу шириной 100%, в ширины ее ячеек тоже задать в процентах. А для того, чтобы элементы, располагающиеся в этих ячейках, при больших разрешениях экрана не смотрелись разбросанными по экрану, следует хорошо продумать выравнивание элементов и объединяющие компо­ненты страницы (линии, цвет, фоновые элементы и прочее). Напро­тив, следует следить, чтобы совокупная ширина элементов одного ряда не превышала, например, 750 пикселов, чтобы на низких разрешениях не возникало горизонтальной прокрутки. По такому принципу, напри­мер, построена верстка десятой версии моего сайта.

Применение элементов, которые будут видны только части поль­зователей, возможно, и не совсем веж ливо по отношению к владельцам небольших мониторов, но, тем не менее, хорошо решает одну из про­блем тянущейся верстки: возникновение пустот. В этом случае исполь­зуется связка «элемент DIV + процентное обрезание его содержимого средствами CSS» либо просто фоновое изображение блочных элемен­тов, которое, естественно, обрезается при низком разрешении экрана, если оно достаточно большое.

Например, страницы сайта Green House (green. ru/greenhouse) при разрешении 1024 на 768 выглядят так:

Дизайн

Ния горизонтальной прокрутки. Обрезать, естествен­но, можно не только правую часть, но и любую другую.

Главное, чтобы не обрезался текст.

Я иногда применяю, например, такой прием.

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

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