Позиционирование
Здравствуйте
Заранее извиняюсь за столь глупый вопрос но самому сделать не получается так как с JS мало знаком только основы книжные.
Проблема такова )) как узнать координаты центра который ми сейчас просматриваем с учетом что может быть scroll одним словом всегда выводить в центр экрана слой
document.getElementById('dv1').style.left = …
document.getElementById('dv2').style.top = ….
Буду благодарен за любую помощь
Заранее извиняюсь за столь глупый вопрос но самому сделать не получается так как с JS мало знаком только основы книжные.
Проблема такова )) как узнать координаты центра который ми сейчас просматриваем с учетом что может быть scroll одним словом всегда выводить в центр экрана слой
document.getElementById('dv1').style.left = …
document.getElementById('dv2').style.top = ….
Буду благодарен за любую помощь
А причем тут JS?
Есть в CSS такое селектор как position:fixed, можно закрепить любой блок относительно окна. Отличная штука. Один минус - тупой IE не понимает это часть CSS2 спецификации и не поддерживает её.
Есть в CSS такое селектор как position:fixed, можно закрепить любой блок относительно окна. Отличная штука. Один минус - тупой IE не понимает это часть CSS2 спецификации и не поддерживает её.
"Монстрам" из студии самизнаетекого удалось приручить дикого осла: http://www.artlebedev.ru/tools/technogrette/html/fixed_in_msie/
[QUOTE=shine]"Монстрам" из студии самизнаетекого удалось приручить дикого осла: http://www.artlebedev.ru/tools/techn...fixed_in_msie/[/QUOTE]
Похоже в ИЕ через expression можно сделать все :)
http://xhtml.ru/2005/06/11/max-width/
И сразу минус (жирный такой): с отключенными скриптами работать не будет.
Похоже в ИЕ через expression можно сделать все :)
http://xhtml.ru/2005/06/11/max-width/
И сразу минус (жирный такой): с отключенными скриптами работать не будет.
Цитата: Tokolist
И сразу минус (жирный такой): с отключенными скриптами работать не будет.
Еще минус, что експрешшены четко работают только под IE в стилях
[QUOTE=Dolonet]Еще минус, что експрешшены четко работают только под IE в стилях[/QUOTE]
Согласен, но нормальным браузерам (Опера, ФФ, Мозилла) expression не нужен вообще. :)
Согласен, но нормальным браузерам (Опера, ФФ, Мозилла) expression не нужен вообще. :)
sorry
Как будто не тупой (особо) но не получается вот с этого
Как будто не тупой (особо) но не получается вот с этого
Цитата:
<div id="hit" style="top: expression(eval(document.body.scrollTop) + 'px'); position: absolute; left: 50%; z-index: 3;">sss</div>
отпозиционировать по высоте чтобы с процентами left: 50% работает в вот
eval(document.body.scrollTop + 30%) нет что не так ??
Может, Вы смешиваете проценты с пикселями? Может, имеет смысл сделать что-то вроде (int)(document.body.scrollTop*1.3)? Синтаксис не гарантирую, намекаю логику.
Кажется не то – питался уже только немного не так логика такова чтобы div размером примерно 200х70 при желании появлялся по центру экрана (точнее немного выше цента по высоте) – это все на любом размере экрана. и был там зафиксирован с фиксацией помогли вот с этим проблема может есть другой способ не доступный для меня подскажите пожалуйста
http://tagsoup.com/cookbook/css/fixed/
http://imfo.ru/csstest/fixed/fixed.htm
http://www.howtocreate.co.uk/fixedPosition.html
тупой Осёл все время норовит элементы фиксированные оставить на месте пр ипрокрутке, но они упираются и ломятся куда им сказал CSS и именно поэтому в трижды тупом Осле они дрожат.... ну не противно ли? ;)
и еще вот.... всё равно гадина дивчег прокручивается вместе со скроллбаром, а position:fixed работает не так...
http://www.arnebrodowski.de/blog/280-Yet-another-ie6-weirdness.html
PS: делаем выводы )))) IE фигово работает с CSS.... и где-то я еще кусочек CSS находил, который тупо заставляет Осла выпасть в Exception и закрыться..... ну это вроде бы до 7го... в 7м поправили таки :D
http://imfo.ru/csstest/fixed/fixed.htm
http://www.howtocreate.co.uk/fixedPosition.html
тупой Осёл все время норовит элементы фиксированные оставить на месте пр ипрокрутке, но они упираются и ломятся куда им сказал CSS и именно поэтому в трижды тупом Осле они дрожат.... ну не противно ли? ;)
и еще вот.... всё равно гадина дивчег прокручивается вместе со скроллбаром, а position:fixed работает не так...
http://www.arnebrodowski.de/blog/280-Yet-another-ie6-weirdness.html
PS: делаем выводы )))) IE фигово работает с CSS.... и где-то я еще кусочек CSS находил, который тупо заставляет Осла выпасть в Exception и закрыться..... ну это вроде бы до 7го... в 7м поправили таки :D
извините за оффтоп, но это надо видеть :))))))))))))
вот о чем я говорил... там даж видяха есть
http://www.sitening.com/blog/2006/09/27/crash-ie6-with-only-css/
http://www.securityfocus.com/archive/1/342010
в общем против осла еще куча вещей )
вот о чем я говорил... там даж видяха есть
http://www.sitening.com/blog/2006/09/27/crash-ie6-with-only-css/
http://www.securityfocus.com/archive/1/342010
в общем против осла еще куча вещей )
[QUOTE=Тень Пса]тупой Осёл все время норовит элементы фиксированные оставить на месте пр ипрокрутке, но они упираются и ломятся куда им сказал CSS и именно поэтому в трижды тупом Осле они дрожат.... ну не противно ли?[/QUOTE]
http://www.artlebedev.ru/tools/technogrette/html/fixed_in_msie/
http://www.artlebedev.ru/tools/technogrette/html/fixed_in_msie/
Цитата:
Эмуляция свойства position: fixed удалась, но удовлетворения от этого еще нет, потому что «фиксированный» блок дергается при вертикальной прокрутке.
Решение, придуманное Ромой Воронежским и Юрой Васильчиковым, непостижимо и просто — чтобы избавиться от дрожаний, нужно зафиксировать фон страницы:
body
{
background: url('/n.gif') no-repeat;
background-attachment: fixed;
}
Файл n.gif — однопиксельная прозрачная картинка (ее, кстати, даже не обязательно держать на сервере).
Показанный прием одинаково хорошо работает в браузерах MSIE уже начиная с пятой версии.
Примечание. Нужно лишь помнить, что для MSIE 7 есть более простое решение для правильной работы свойства fixed — указание доктайпа.
Решение, придуманное Ромой Воронежским и Юрой Васильчиковым, непостижимо и просто — чтобы избавиться от дрожаний, нужно зафиксировать фон страницы:
body
{
background: url('/n.gif') no-repeat;
background-attachment: fixed;
}
Файл n.gif — однопиксельная прозрачная картинка (ее, кстати, даже не обязательно держать на сервере).
Показанный прием одинаково хорошо работает в браузерах MSIE уже начиная с пятой версии.
Примечание. Нужно лишь помнить, что для MSIE 7 есть более простое решение для правильной работы свойства fixed — указание доктайпа.
<!-- OFFtop begin -->
2 Тень Пса
Я вообще удивляюсь как Осел удерживает со своими взглядами на стандарты и дырявостью лидирующие позиции (согласно статистики) :D
<!-- OFFtop end -->
а я нет. большинство пользователей все равно сидят на винде. и все равно не доставляют никаких дополнительных браузеров...
но я говорю о простых пользователях... а не о дизайнерах, web-developer'ах и прочих людях которым ООООЧЕНЬ важно что и как выглядит на страничке )))))
я еще до сих пор наблюдаю дома живой пример юзера: по умолчанию стоит FF для просмотра web-страниц.... щелкает, открывается... молчание минутное... вопрос: "А гре интырнэт иксплорэр?..." :D
ну да хватит оффтопа в общем-то :))) а то ишь! разошлись :D
но я говорю о простых пользователях... а не о дизайнерах, web-developer'ах и прочих людях которым ООООЧЕНЬ важно что и как выглядит на страничке )))))
я еще до сих пор наблюдаю дома живой пример юзера: по умолчанию стоит FF для просмотра web-страниц.... щелкает, открывается... молчание минутное... вопрос: "А гре интырнэт иксплорэр?..." :D
ну да хватит оффтопа в общем-то :))) а то ишь! разошлись :D
Цитата: Тень Пса
но я говорю о простых пользователях... а не о дизайнерах, web-developer'ах и прочих людях которым ООООЧЕНЬ важно что и как выглядит на страничке )))))
Все верно. Вот именно поэтому мы и должны нести в народ светлое вечное :D . Просвещать чайников и давать по шапке ламерам. Лично я, как администратор, после инсталяции винды первым что делаю так это сношу IE и ставлю Оперу. Ничего, юзвери потихоньку привыкают.