| |
|
|
| | цель - кроссбраузерно зафиксировать диву при горизонтальном скроллинге средствами CSS.
диве присваивается клас:
#menu {
top: 150px;
left: 100px;
position: fixed;
}
|
результат: в опере Ок, в ИЕ 7.0 ок, в ИЕ 6.0 - не фиксируется.
присваиваем body
подставляем под menu:
* html #menu {position:absolute;}
|
результат в ИЕ 6.0 фиксация работает только при вертикальном скроллинге.
при попытке заменить в body:
body {
overflow-x:auto;
}
|
фиксация в ИЕ 6.0 пропадает вовсе.
вопрос - возможно ли вообще зафиксировать что-либо в ИЕ 6.0 во время горизонтальной прокрутки?
если возможно - буду очень признателен за подсказку | |
| |
|
|
| |
|
|
| |
для: ipic
(16.02.2008 в 18:23)
| | | http://www.artlebedev.ru/tools/technogrette/html/fixed_in_msie/ | |
| |
|
|
| |
|
|
| |
для: AlexSol
(16.02.2008 в 18:44)
| | | Так как сталкиваюсь с подобным впервые, то содрал код фиксированного окошка прямо со страницы, указанной Вами.
Если не трудно, подскажите, какие параметры подставить в стиль и в само выражение, чтобы при горизонтальной прокрутке вправо строка оставалась на месте.
Позиция - слева вверху.
Отступ сверху - 300
и все!
<p class="body" style="
height: 7em;
width: 18em;
padding: 0.5em;
position: fixed;
top: 450px;
right: -15%;
//position: absolute;
top: expression(document.getElementsByTagName( 'body' )[0].scrollTop < 850 ? 450 + document.getElementsByTagName('body')[0].scrollTop : '' + 'px'); z-index: 1000;
">
Контент строки
</p>
|
Эксплорер Шестой задолбал уже конкретно игнорировать ЕДИНСТВЕННУЮ позишнфикс-строчку в CSS, которую принимают ВСЕ кроме него-любимого .
Приходится извращаться подобным образом :( | |
| |
|
|
| |
|
|
| |
для: ipic
(16.02.2008 в 19:59)
| | | Методом научного тыка, отвечаю сам себе на поставленный вопрос:
<div class="body" style="
// разбираем стиль
height: 5em;
width: 100%;
padding: 0.5em;
position: fixed;
top: 300px; // то, что нужно было взять под контроль
left: -10%;
right: -15%;
//position: absolute;
left: expression(document.getElementsByTagName( 'body' )[0].scrollLeft < 10000 ? 10 + document.getElementsByTagName('body')[0].scrollLeft : '' + 'px');">
Контент строки
</div>
|
100000 пикселей в выражении - это граница, до которой будет остановлено окно
10 пикселей - изначальный отступ слева.
Результат - конфигурируемая строка, которая при горизонтальном скролле остается на месте.
-------------
С этим понятно.
Теперь самый главный вопрос.
Как добиться горизонтального скроллинга колесом мыши?
Иду искать...если кто раньше подскажет - огромный респект и сэнкс.
з.ы.
Алекс, + 1000 за ссылку! нет слов... | |
| |
|
|
