HTML and CSS

HTML and CSS

{Лаборатория экстремальной web-верстки...}

Эмуляция position:fixed; Сделай правильно!

Эмуляция position:fixed; Сделай правильно!

Не планировал столь быстрого возвращения к теме position:fixed; вернее к его эмуляции на основе position:absolute; описанной в {position:fixed;} – эмуляция…, но многие то ли плохо ищут, то ли по каким-то другим причинам упираются "рогом" в предложенное на Тегногрет, студии, сами знаете кого.

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

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

№ 1

"…Это совершенно новая верстка - такого в интернет я по крайней мере не встречал…"

№ 2

"…шаблон чрезвычайно стабилен несмотря на нестандартность - в авторской оригинальной “комплектации” ничто никуда не уезжает и не падает в любом браузере - это была главная цель его создания. Этому были посвящены февральские каникулы - тестированию, а сам шаблон создавался долго - несколько месяцев…"
Шпионский снимок

№ 3

"…Процесс чтения сопровождался другим действием - практикой… Практика показала, что этой проблемы как таковой не существует вовсе. Просто все поголовно вдруг увлеклись (не понятно по какой такой острой необходимости) измыванием над стандартным кодом HTML и CSS, выворачивая страницу наизнанку, прибивая footer гвоздями к низу страницы, добиваясь 100% высоты страницы и т.п. Может быть это все и нормально с точки зрения каких-то позиций, но эксперименты ведутся с пол-дюжиной блоков div., при этом делаются попытки решить все проблемы разом. Так не бывает. Стало немного обидно за себя, что в очередной раз прислушался к чужому мнению, а время потерял свое…"
Что такое альтернатива? …Утки!!!

К № 1 - Ошибочное заблуждение. Плохо и не там ищите :), и на это стоит посмотреть.

К № 2 – Так ли стабилен? Не знаю уж, на каком месте у вас стоит проверка макета на устойчивость при уменьшении размеров окна браузера до появления горизонтальной прокрутки, должна бы на одном из первых. Сделаем это и мышкой подвигаем ее, что видим, то-то и оно :(

К № 3 – Вы совершенно напрасно потеряли свое драгоценное время, ломясь в открытую дверь, все давно уже придумано и сделано. Изобретать велосипед, конечно хорошее занятие, но…

Собственно, тут и комментировать даже не чего.

Для того, чтобы реализовать предложенное, поверьте на слово, не требуется никаких особенных усилий, тем более многодневных :)

В качестве примера, как оно может быть.

В примере нет ограничения по min-width для области контента, это сделано специально, тут существует довольно простое решение и для настоящего, истинного верстальщика, найти его, не составит большого труда.

P.S. Вариации на тему можно посмотреть, сменив дизайн блога, тупо потыкав по ссылкам в секции вертикального меню "Смени дизайн".


RSS лента ВСЕГО блога с комментариями RSS лента ВСЕГО блога БЕЗ комментариев RSS лента этой КАТЕГОРИИ с комментариями RSS лента этой КАТЕГОРИИ и БЕЗ комментариев RSS лента ЭТОГО ПОСТА с комментариями к нему



Прыг: 28 29 30 31 32 33 34 35 36 37 38
Скок: 10 20 30 40 50 60 70 80 90
English German French Spanish Italian Japanese
  • Programming V. Lasto
  • Designer S. Gordi
  • Created in 0,02779 seconds
  • © 2007-2010