Сдерживающими факторами использования position:fixed; всюду и повсеместно, шучу, так как все хорошо в меру, является невозможность создания полноценной web-страницы.
Это проявляется в следующем.
Подвесив фиксированный блок в любой части страницы, задав необходимые отступы или поля для контейнера в котором будет находиться контент, в общем случае, при уменьшении размеров окна браузера, c появления горизонтальной прокрутки, подвигав оную, вы поймете, о чем речь.
Выход из данной ситуации только один, с помощью отрицательного z-index прятать зафиксированный блок под областью контента. Но с исчезновением этого контейнера теряется весь смысл подобной разметки.
Нам же надо, чтобы он всегда и в любое время был доступен. Не так ли?
Также, развернув фиксированный блок на всю высоту экрана монитора при его переполнении или при уменьшении окна браузера по вертикали, мы теряем часть информации, она просто обрезается снизу. Этот нюанс при разных разрешениях и диагоналях весьма существенен.
К примеру, заполнив блок информацией у себя, взяв за дефолт разрешение 1024*768 и диагональ 17", при минимальных размерах панели инструментов и радуясь, как у меня все красиво и замечательно, попадаю в засаду.
Вот скажите, откуда я могу знать, что у пользователя там может находиться и какова высота этой самой панели? Эффект описан двумя абзацами выше.
Стоит ли говорить о том, что эмуляция данного правила для IE6, тянет за собой другие ограничения, свойственные только "любимому" браузеру.
Перечисленных проблемных моментов вполне достаточно, а список не полный, чтобы навсегда отбить охоту использовать position:fixed; или его эмуляции.
Но не все так прискорбно :)
Решение проблем с горизонтальной прокруткой было предложено мной в статье {position:fixed;} эмуляция...
Давайте займемся вертикальными делами. Для этого нам придется вспомнить фреймы. Да-да, они давно потеряли свое значение, и к прошлому возврата нет. Но мы просто сделаем имитацию, что позволит при любых не благоприятных обстоятельствах не терять информацию в фиксированном контейнере.
Вдаваться в технические детали, как, что и почему, честно скажу - лень, все достаточно прозрачно, поэтому переходим на страницу с примером.
Появление дополнительных вертикальных прокруток в фиксированных блоках, в случае необходимости, стопроцентно огорчает, но и особых резонов для уныния не вижу, тем более что других решений не найдено, а время затраченное на оптимальное размещение информации в данных колонках, принесет ценителям эмуляции position:fixed;, в не всякого сомнения, ни с чем не сравнимое удовлетворение :)
В любом случае, вы просто можете никогда не применять предложенное вам, в силу изложенных выше причин.
Как уже говорилось в "{position:fixed;} эмуляция Gordi" минимальные и максимальные размеры по ширине, предлагаемой web-страницы, являются моим ноу-хау. Следовательно, в примере нет ограничения по ширине ни по min, ни по max.
Рано или поздно все будет опубликовано и растащено :), но пока только так.
Должны же быть, в конце концов, и у меня свои маленькие секреты :)
Горизонтальный banner counters.php - width:494px;