ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?
11 сообщений из 11, страница 1 из 1
Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?
    #35900091
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?


Т.е чтобы был по центру окна бразера, как по вертикали так и по горизонтали?

Нашел след пример
divElement.style.left=(parseInt(document.body.clientWidth)-parseInt(divElement.clientWidth))/2+"px";
divElement.style.top=((parseInt(document.body.clientHeight)-parseInt(divElement.clientHeight))/2+"px";

Но он работает лишь без указанного DOCTYPE, а как укажу DOCTYPE окно по вертикали открывается ниже середины?
...
Рейтинг: 0 / 0
30.03.2009, 12:27
| Ответить | Цитировать | Написать  
Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?
    #35900179
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Может ширину клиентской части браузера как-нибудь так писать?
Код: plaintext
1.
document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.offsetWidth
...
Рейтинг: 0 / 0
30.03.2009, 12:49
| Ответить | Цитировать | Написать  
Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?
    #35900297
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
ShSergeМожет ширину клиентской части браузера как-нибудь так писать?
Код: plaintext
1.
document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.offsetWidth




Приведенный пример

divElement.style.left=(parseInt(document.body.clientWidth)-parseInt(divElement.clientWidth))/2+"px";
divElement.style.top=((parseInt(document.body.clientHeight)-parseInt(divElement.clientHeight))/2+"px";


Выводит окно не по середине вертикали только на 1024х768, чем больше разрешение - окно выводит по середине!

Не пойму в чем чело!?
...
Рейтинг: 0 / 0
30.03.2009, 13:22
| Ответить | Цитировать | Написать  
Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?
    #35900311
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
Вот наглядно

Пример 1 без Doctype
Пример 2 с Doctype [/quot]
...
Рейтинг: 0 / 0
30.03.2009, 13:26
| Ответить | Цитировать | Написать  
Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?
    #35900427
Фотография Mr.Power
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Mr.Power
Участник
armix2000Вот наглядно

Пример 1 без Doctype
Пример 2 с Doctype [/quot]


незнаю. помоему всё нормально, по центру.
...
Рейтинг: 0 / 0
30.03.2009, 14:00
| Ответить | Цитировать | Написать  
Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?
    #35900457
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
По центру.
...
Рейтинг: 0 / 0
30.03.2009, 14:06
| Ответить | Цитировать | Написать  
Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?
    #35900598
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
ShSergeПо центру.

Ребята в том то и дело, что я не пойму, почему у меня на мониторе на 1024х768 нижней границы ДИВА не видно, см скриншот

Напишите пожалуйста, еще кто-нибудь, как у вас на 1024х768 Пример2 видна рамка ДИВА внизу?
http://test.egorievsk.org/2.html
...
Рейтинг: 0 / 0
30.03.2009, 14:55
| Ответить | Цитировать | Написать  
Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?
    #35901126
Фотография Black
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Black
Участник
у меня тоже кстати не по центру
...
Рейтинг: 0 / 0
30.03.2009, 17:28
| Ответить | Цитировать | Написать  
Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?
    #35901874
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
аналогично, не по центру ни в фф3, ни в ие6.

Просмотрела код, думаю скорее всего в разных режимах по разному определяется document.body.clientHeight.

Помимо этого:
- в коде организуется аж два замкнутых цикла вызова функции позиционирования дива (первый в самом начале кода в setTimeout, второй - в body onload)
- из-за того, что позиция дива постоянно расчитывается, он при скролле визуально "дрыгается". Думаю стоит посмотреть в сторону position:fixed (правда, ИЕ не поддерживает это свойство, но хоть в ФФ красиво будет)
- вызов функции позиционирования дива каждые 10мс - это накладно. Может стОит поковыряться в тестовом примере с quirksmode.org и посмотреть, как там обрабатывается скролл? Или протестировать на кроссбраузерность недокументированное событие onscroll (знаю только что в фф2,3 и ие6 работает) и использовать его?
...
Рейтинг: 0 / 0
31.03.2009, 03:16
| Ответить | Цитировать | Написать  
Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?
    #35902549
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
Blackу меня тоже кстати не по центру


Вот я не могу никак понтять, почему в 1-м примеретоже самое без DOCTYPE на всех разрешениях посередине, а во 2-м примере НЕТ!!!????????


http://test.egorievsk.org/1.html
http://test.egorievsk.org/2.html
...
Рейтинг: 0 / 0
31.03.2009, 11:48
| Ответить | Цитировать | Написать  
Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?
    #36004116
sasyk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sasyk
Гость
Спасибо за код... он прекрасный...
Но у меня новая проблема как сам по себе скрипт работает но я хотел разместить его у себя на сайте и ту проблемка.

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

помогите пожалуйста с этим разобраться

посмотрите проблему, она тут: у меня на сайте
...
Рейтинг: 0 / 0
24.05.2009, 18:07
| Ответить | Цитировать | Написать  
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как Javascript разместить absolute DIV (плавающий) точно по центру экрана?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35900311&tid=1454797]:
 0ms
get settings:
 9ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 213ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 57ms
get tp. blocked users:
 1ms
others: 211ms
total:  527ms
созд. / загр.: 527ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]