Трехколоночная “резина” с фиксированным центром
28 Nov. 2005Энди Кларк представил новый интересный вариант трехколоночного “резинового” дизайна, с фиксированной центральной колонкой. То есть, при прокрутке страницы, центральная колонка остается на месте, а шапка и боковые колонки прокручиваются.
Верстка резиновая, но справа остается какой-то отступ. Не знаю специально он сделан или пришлось так сделать. Автор признается, что реализация была сложной, даже для современных браузеров. В дизайне используется графика в формате .png (”пинг”) с прозрачностью. Это малозначащая деталь, но смотреть пример лучше в Опере, Фаерфоксе или Сафари.
Дизайн — чистый CSS, без использования Javascript. В IE шестой версии работает нормально, центральная колонка остается на месте. В пятом IE центральная колонка прокручивается вместе со всем остальным, и графика (изображение девушки) пропадает куда-то, но в остальном страница выглядит неплохо. Будем считать, что пятый IE поддерживается.
Страница получается вроде простая, но эффектная. Можно использовать, если заказчик требует пресловутую “изюминку”, например.
28 Nov. 2005 at 16:11
Стильно, модно, но наверное не практично. Так как приходиться при просмотре левой части все время пролетать через постоянную середину.
28 Nov. 2005 at 17:11
Ну, этот недостаток можно превратить в достоинство. Там можно размещать информацию, которую нужно донести до каждого посетителя обязательно. Рекламу, например. Такая штука поназойливей поп-апа будет :)
И боковые колонки вовсе необязательно делать симметричными, как в этом примере. Левая может быть основной – самой широкой, а правая – очень узкой.
В общем, специфический дизайн для специальных нужд.
30 Nov. 2005 at 13:11
Мне кажется это и есть правильный путь – а то все эти стандартные расклады колонок уже просто набили оскомину… :(
А это сразу запоминается как “яркое” (не в смысле цвета) решение.