Продолжая занимательные эксперименты с position:fixed; без упоминания его самого в таблице стилей, прихожу к мысли, что тема сама по себе очень интересная, но на мой взгляд, совершенно не заслуженно обделена вниманием, как верстальщиков, так и W3C. Этому есть ряд причин, вот и откроем карты, основываясь на "position:fixed; - эмуляция Gordi".

Это не окончательный релиз :) и многосериальное "кино" ждет своего продолжения.

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

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

Это не просто слова.

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

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

Понятно, кое-кто может не согласиться, но спросим не согласных, что же вы милые мои не уделили этим вопросам толику своего драгоценного времени, если все так просто?

Вам это не надо?

А может быть дело совсем в другом?

Вы этого не умеете и не знаете, как это сделать и в этом так трудно признаться даже самому себе?

Скорее всего, так оно и есть.

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

Но поверьте, этого мало.

Вернемся к более привычным для нас вещам.

Для начала забавный скриншот.

Думаю, при использовании предложенного мной метода у вас никогда не будет подобных разочарований. Открыв эту страницу сможете, сами убедиться и в живую посмотреть, как "любимая" контора, лажается по полной программе. Горизонтальная прокрутка с превеликой радостью поможет вам в этом при уменьшении размеров окна браузера.

Собственно, в том, что предлагается вам, вся проблема только в OPERA, не понимает она индивидуального указания – overflow-x или overflow-y, причем в 9.23 в отличии скажем от 9.5, картина меняется, в младшей версии есть горизонтальная прокрутка, а в старшей версии напрочь отсутствует.

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

Не буду приводить html-кода и стилей, там все более или менее прозрачно.

Предлагаю посмотреть реализацию в формате скрипта Мастера Lasto для магазина "MultiAgent".

Это одна из ранних версий эмуляции position:fixed;, где издержки OPERA очевидны и он/она в который раз теряет свое лицо :), нет горизонтальной прокрутки при уменьшении размеров окна браузера.

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

Но подобного рода дизайн в данном цветовом решении для скриптов - Agent, MultiAgent, nano-CMS и blog, находится у Вадима, и возможно вскоре они будут выставлены в его шопе.

Также предполагается, продолжение линейки в этом стиле с различным расположением фиксированной колонки (колонок) для тех же скриптов.

Желающие, заказать нечто подобное для Portator-а, обращаются лично ко мне, тут все будет строго индивидуально, думаю на нынешнем этапе, этот скрипт выходит из моды, но все возможно…

Вернемся к проблеме горизонтальной прокрутки в OPERA.

Лучшим решением было бы оставить все, как есть.

Но…

Из представленных примеров вы сможете выбрать любой, а что до OPERA тут решать вам. По мне так, вообще его надо исключить из списка "нормальных" браузеров, как это ни печально. Потому что ни одна из предложенных уловок не может полностью устроить.

Следуя инструкциям, расположенным на тестовых страницах, вы сможете убедиться в этом сами.

Ну не писать же, в самом деле, из-за этого под каждый браузер собственные стили.

А может, кому-то и удастся, к всеобщему удовольствию, найти решение.

P.S. Размещение контейнеров header, middle, footer и сто процентная высота страницы с минимальной вертикальной прокруткой, в ней по вполне понятным причинам есть необходимость, выполнены по блочно-модульной концепции "Техника Gordi" и мало распространенной методике прижатия footer-а (вариация) к нижней границе окна браузера, соответственно.