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

Причин для подобного безобразия вагон и маленькая тележка...

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

В дальнейшем тематика блога останется неизменной, в предпологаемых публикациях больше внимания будет уделено – html5 и css3.

Вот такие не актуальные новости блога Trifler.ru.

В последнее время в статистике блога часто встречаю поисковые запросы про вертикальный скролл. По-видимому, это связанно с тем, что ряд публикаций, посвященный фиксированным колонкам (блокам) на web-странице не участвующих в общей прокрутке по вертикали так или иначе вертикального скролла не имеет вообще.

Также могу предположить, что подобного рода вопрос может возникнуть и из-за того, что визуал скролла в разных браузерах выглядит по разному.

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

Для себя назвал этот прием «методом выталкивания» и в общем случае все выглядит приблизительно так:

html

 <div class="box">
   <div class="scroll">
     ...
   </div>
 </div>

css

.box {
  border:#000 1px solid;float:left;
  margin:20px;overflow:hidden;
  width:260px;height:200px;
}
.scroll {overflow-y:auto;width:278px;height:200px;}

Как видно из стилей ширина контейнеров отличается ровно на ширину скролла, выделено цветом и подбирается при просмотре в зоопарке браузеров.

Демонстрационный пример.

На основе данного метода в различных модификациях выполнена глобальная разметка web-страниц с фиксированными колонками:

• Любителям экзотики и извращений...
• Фиксированные колонки и вертикальная прокрутка
• Фиксированные колонки без position:absolute;

Коллекция примеров к изложенному по последней ссылке.

После публикации «Исчезающий Fixed...» в личной переписке был задан ряд вопросов и пожеланий:

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

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

• fixed_left
• fixed_left_right

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

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

• fixed_graphyka