Примеры разметки с Float и Absolute

На данной странице представленны примеры выполненные на основе изложенного в секции "Практика" правой колонки навигации - "Fixed на Float".

У подобного класса разметки следующие недостатки:

• Отсуствует вертикальный скролл
• Страница не прокручивается по вертикали, если курсор мыши находится за пределами разметки или над фиксированной колонкой

К плюсам следует отнести:

• Область контента по html-коду выводится раньше колонки навигации и фиксированной колонки, исключение - header
• Привычное поведение разметки с появлением горизонтальной прокрутки
• Шаговая доступность к информации расположенной в фиксированной колонке
• Возможность прокручивания фиксированной колонки по вертикали независимо от другой, если она переполнена информацией или окно браузера будет уменьшено по вертикали.
• Разметка всегда расположена по центру рабочей области браузера при любой диагонали и разрешении экрана монитора

Название ссылки ведущей на пример дает общее представление о разметке оного.

Примеров разметки макета с фиксированной колонкой на position:absolute; поболее, что вполне естественно, это на много проще, да и давняя, нержавеющая со временем любовь автора ресурса к "абсолюту", играет тут не последнюю роль.

Реальное воплощение на практике, пара дизайнов к скрипту "Lasto Blog" - "Кентавр" и "Пантера".

Следующие примеры из коллекции автора, снабжены "иллюзией" равной высоты для колонок центральной части макета, выполненой на основе "Техники Gordi".

Пусть вас не смущает обилие примеров, они однотипны, как по html-коду, так и по стилям. Были сделаны в свое время и думаю многим будут интересны и пригодятся на практике при минимальной доводке под необходимые требования ТЗ.

Следует понимать, что Мастер Горди больше склонен к практической стороне дела и многие моменты на которые следовало бы обратить внимание и уделить им более подробное описание, опущены. В любом случае, разобрав любой из представленных примеров по косточкам, вы обретете гораздо больше, чем потеряете.

Учитывая тот факт, что цикл статей посвященный разметке web-страниц с фиксированными колонками, которые не участвуют в общей прокрутке страницы по вертикали, не является учетным пособием по основам верстки, тем не менее, рассматриваемые приемы и методы, даже при минимальных познаниях в html и css позволяют только начинающим свой путь, научиться чему-то новому.