Браузеры и фиксированные блоки

Все примеры, выполненные на основе предлагаемого метода, прошли тестирование в наиболее популярных браузерах.

К ним относятся: IE6 (7, 8), FireFox, OPERA, Google Chrome, Safari Win.

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

В разряд "избранных" попали IE6(7) и OPERA.

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

Обновляйтесь своевременно.

Все стилевые спец. правила выделены в отдельную секцию:

/* Start hack Section */
/* hack for OPERA */
.......
/* hack for IE7 */
.......
/* hack for IE6 */
.......
/* End hack Section */

В ней прописаны индивидуальные стилевые правила (hack) для указанных браузеров.

Они позволяют устранить просчеты разработчиков данного ПО.

Коими для IE6 в частности, является отсутствие поддержки одновременного использования при абсолютном позиционировании top:XXpx;, bottom:XXpx, что в конечном итоге потребовало для растяжения фиксированной колонки по высоте применения процентов.

Отсутствие:

@media all and () {html {overflow-y:visible;}}

приводит к тому, что при уменьшении размеров окна браузера в OPERA 9.64 не наблюдается горизонтальная прокрутка, сдедует учитывать, что стилевые правила расположенные ниже указанного css hack'a, не читаются браузером FireFox.

Сочетание высоты заданной в процентах для html, body и одновременное использование bottom:0; для фиксированной колонки, выводит OPERA из равновесия, фиксированной колонке указаны проценты для достижения заданной высоты.

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