ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как расположить слой div на весь экран с учетом прокрутки
8 сообщений из 8, страница 1 из 1
как расположить слой div на весь экран с учетом прокрутки
    #35007049
Фотография YuriyB
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
YuriyB
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
#overlay {
	position: absolute;
	margin: auto;
	top:  0 ;
	left:  0 ;
	width:  100 %;
	height:  100 %;
	z-index:  3 ;
	 background-color:black;
  filter:alpha(opacity= 50 );
  -khtml-opacity: 0 . 5 ;
  -moz-opacity: 0 . 50 ;
  opacity: 0 . 50 ;
}
DIV.tr {
	position: relative;
	margin : auto;
	width : 400px;
	background-color : #fff;
	padding : 20px;
	z-index:  5 ;
	
}


слудующий код я использую для типа "ModalBox"
но есть один недостаток что он появляется в самом вверху
а нужно что бы он покрывал весь активный в данный момент экран
с учетом скролллинга а в ценре его должен появлять другой слой class ="tr"
может кто что то подсказать ?
...
Рейтинг: 0 / 0
13.12.2007, 12:31
| Ответить | Цитировать | Написать  
как расположить слой div на весь экран с учетом прокрутки
    #35007525
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
float:top?
...
Рейтинг: 0 / 0
13.12.2007, 14:12
| Ответить | Цитировать | Написать  
как расположить слой div на весь экран с учетом прокрутки
    #35007530
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Вместо top:0.
...
Рейтинг: 0 / 0
13.12.2007, 14:13
| Ответить | Цитировать | Написать  
как расположить слой div на весь экран с учетом прокрутки
    #35013265
Фотография YuriyB
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
YuriyB
Участник
Antonariyfloat:top?

Код: plaintext
1.
top:float;

не очень помогает
слой немного ниже пикселей на 50
но все равно появляется в одном и тоже месте
прокрутка роли не играет
...
Рейтинг: 0 / 0
16.12.2007, 20:16
| Ответить | Цитировать | Написать  
как расположить слой div на весь экран с учетом прокрутки
    #35013301
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
Есть замечательная библиотека поддержки кроссбраузерности x.js, в которой есть такие методы как
xScrollTop()
xScrollLeft()
xClientWidth()
xClientHeight()
Полученные координаты надо присвоить соответствующим параметрам стиля Вашего элемента.
К сожалению, такие важные для разработки свойства как высота и ширина доступного для прорисовки окна браузера и скроллинг остались за пределпми спецификации HTML. Поэтому все браузеры реализуют по-своему.
...
Рейтинг: 0 / 0
16.12.2007, 21:05
| Ответить | Цитировать | Написать  
как расположить слой div на весь экран с учетом прокрутки
    #35013304
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Не top:float, а float:top!!
...
Рейтинг: 0 / 0
16.12.2007, 21:12
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
как расположить слой div на весь экран с учетом прокрутки
    #35794300
Кфыыекщут
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кфыыекщут
Гость
Antonariy,
http://rasstroen.livejournal.com/
...
Рейтинг: 0 / 0
03.02.2009, 16:06
| Ответить | Цитировать | Написать  
как расположить слой div на весь экран с учетом прокрутки
    #35794354
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
Кстати, недавно удивился, что в GMail та же проблема (FireFox, в настройках выбора темы). Там тоже появляется диалог, и прозрачный див не закрывает весь экран
...
Рейтинг: 0 / 0
03.02.2009, 16:23
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как расположить слой div на весь экран с учетом прокрутки
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35007049&tid=1455238]:
 0ms
get settings:
 9ms
get forum list:
 20ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 476ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 200ms
total:  767ms
созд. / загр.: 767ms
x
x
Закрыть


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