Не работает скрипт

[LeV]

Помогите разобраться, уже всю голову сломал...

Есть java-скрипт из книги Влада Мержевича.

Он позволяет расположить DIV над содержимым страницы.

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

Скрипт работает, только если из кода страницы убрать ...>.

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

Вот css-свойства DIV:

#popup {
 position: absolute; /* Абсолютное позиционирование */
 width: 150px; /* Ширина*/
 border: 1px solid; /* Рамка вокруг */
 background: #ffffee; /* Цвет фона */
 text-align:center; /* Выравнивание содержимого по центру */
 margin-left:78%; /* Координаты DIV, если выкл. скрипты */
 top: 50px; /* */
}

Вот сам скрипт:

function floatMenu()
{
// Указывает, где находится меню по вертикали
// Возможные варианты - top и bottom
verticalPos = "top"; // Меню находится вверху

// Указывает, где находится меню по горизонтали
// Возможные варианты - left и right
horizontalPos = "right"; // Меню располагается справа
startX = 10; // Начальная координата по горизонтали
startY = 50; // Начальная координата по вертикали

function coordMenu(id) {
// Обращаемся к нашему меню по его id через getElementById
 el = document.getElementById(id);

// Получаем координаты меню
 el.currentPosition = function(x, y) { 
 if (horizontalPos == "left") this.style.left = x;
 else this.style.right = x;
 this.style.top = y;
 }

// Положение по горизонтали остается неизменным 
el.x = startX;

// Если меню расположено вверху окна, то вертикальная 
// текущая координата не меняется
 if (verticalPos == "top") el.y = startY;

// Если меню расположено внизу окна, то из высоты окна вычитаем
// исходную вертикальную координату меню
 else el.y = document.body.clientHeight - startY;
 return el;
}
slideMenu = function() {
// Число 20 в знаменателе определяет плавность хода,
// чем оно больше, тем медленнее движется меню
 if (verticalPos == "top")
 obj.y += (document.body.scrollTop + startY - obj.y)/20;
 else 
 obj.y += (document.body.clientHeight + document.body.scrollTop - startY - obj.y)/20;

// Сохраняем текущие координаты меню
 obj.currentPosition(obj.x, obj.y);

// Вызываем функцию slideMenu каждые 10 миллисекунд
 setTimeout("slideMenu()", 10);
}
obj = coordMenu("popup");
slideMenu();
}

Как должен работать скрипт (убран ...>)

Заранее благодарю за советы!

[LeV]

"position: fixed;" использовать не хочется, т.к. некрасиво и не работает в IE

[homm]

Не работает скрипт

Шо, опять?

?

[LeV]

А если по существу?

Нечем помочь?

[homm]

А если по существу?

Нечем помочь?

Просто тут такая пьянка: http://forum.htmlbook.ru/index.php?showtopic=7733

А по существу:

document.body.scrollTop ? не стнадарт, скорее всего на нем сыпится.

Рекомендую такую конструкцию

this.startX = document.documentElement.scrollLeft || window.pageXOffset || document.body.scrollLeft;
	this.startY = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

[homm]

"position: fixed;" использовать не хочется, т.к. некрасиво и не работает в IE

в тему: http://www.artlebedev.ru/tools/technogrett.../fixed_in_msie/

[Dimitry Wolotko]

А по существу - наверное в JS?

mmm JS

[LeV]

Не понял, куда это вставить

document.body.scrollTop ? не стнадарт, скорее всего на нем сыпится.

Рекомендую такую конструкцию

this.startX = document.documentElement.scrollLeft || window.pageXOffset || document.body.scrollLeft;
	this.startY = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

[LeV]

Так как же сделать, чтобы скрипт работал при объявленном DOCTYPE ?!