Posts Tagged ‘разделительная линия’

Фиксированный дизайн. Макет из трех колонок

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , ,

Наряду с использованием макета с двумя колонками, находит применение и верстка в три колонки. В этом случае одна из колонок обычно содержит навигацию— ссылки на разделы сайта, вторая — контент, информационное наполнение страницы, а третья отдается под небольшие тексты, формы, новости, рекламу. В общем, много что можно разместить в дополнительной колонке, пустовать место не будет. Встречается и смешенный подход, когда на главной странице сайта используется три колонки, а на внутренних страницах макет верстается в две колонки. Это продиктовано объемом и структурой информации, главное, чтобы пользователям было удобно находить и читать нужные материалы.

При создании трех колонок применяются те же принципы, что и при верстке двухколонного макета. Используемые приемы можно условно поделить на две части по свойствам CSS, с помощью которых осуществляется построение модульной сетки. В первом случае это свойство float, которое позволяет размещать слои рядом друг с другом по горизонтали. Второй подход — воспользоваться набором стилевых свойств, связанных с позиционированием слоев. Рассуждать о том, какой метод лучше неправомерно, видимый результат все равно будет один, но каждый подход имеет свои особенности. (далее…)