CSS frames. IE5.0
В MSIE5 очень смешно: колёсико мыши не работает, а скроллер третьей кнопкой мыши скроллирует всю страницу, включая фиксед-области.
Всё же любопытно, нельзя ли использовать какой-нибудь CSS-хак, чтобы MSIE5.0 не видел этих извращений.
Поизвращался пару часиков.
- IE5.0: обычная страница, без каких-либо фиксированных блоков;
- IE5.5+: фиксация sidebar’а, но в CSS смотреть страшно, хоть валидатор и не ругается (CSS, XHTML 1.0 Strict);
- Opera, Mozilla: фиксация «чистым» CSS.
Хак для «отсечения» IE5.0: /* */
. Ещё можно поиграться с таким хаком:
html > body элемент { свойства }
Обратите внимание на пробелы между html
и body
. IE5.0 «поймёт», IE5.5+ — нет. Но всё равно результат будет тем же и избавиться от
<!--[if IE]>
<style type="text/css">
body
{
overflow-y/* */: hidden;
}
</style>
<![endif]-->
никак не получается.
Кстати, IE5.5+ тоже имеет проблемы со скроллингом таких страниц. Он прокручивает третьей кнопкой, колёсиком мыши, но… указатель мыши при этом должен находиться вне фиксированной области.
Ещё один существенный недостаток: при уменьшении размеров окна (в данном примере <760px) правый scrollbar в IE доступен только после горизонтальной прокрутки страницы.
Categories: CSS | comments: (2)
Комментарии
1. kukutz 27th January 2004 - 09:25
Ура!
Отлично.
Попробуем сегодня или завтра прикрутить к шкуре criba в НПЖ.
2. BeL9ln 2nd March 2004 - 15:41
у меня была похожая проблема с фиксированным блоком, и благодаря вашему коду её удалось решить, но не до конца.
дело в том что у меня фиксированный блок находится справа от контента (переместить влево его нельзя из соображений дизайна), при изменении размера окна, он начинает налезать на контент, а полосы прокрутки вообще ведут себя непредсказуемо. проблема ещё усугубляется тем, что блок имеет небольшую высоту и расположен как бы посередине окна. нельзя тут что-нибудь сделать?