powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как расположить слой div на весь экран с учетом прокрутки
8 сообщений из 8, страница 1 из 1
как расположить слой div на весь экран с учетом прокрутки
    #35007049
Фотография 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
как расположить слой div на весь экран с учетом прокрутки
    #35007525
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
float:top?
...
Рейтинг: 0 / 0
как расположить слой div на весь экран с учетом прокрутки
    #35007530
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вместо top:0.
...
Рейтинг: 0 / 0
как расположить слой div на весь экран с учетом прокрутки
    #35013265
Фотография YuriyB
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariyfloat:top?

Код: plaintext
1.
top:float;

не очень помогает
слой немного ниже пикселей на 50
но все равно появляется в одном и тоже месте
прокрутка роли не играет
...
Рейтинг: 0 / 0
как расположить слой div на весь экран с учетом прокрутки
    #35013301
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Есть замечательная библиотека поддержки кроссбраузерности x.js, в которой есть такие методы как
xScrollTop()
xScrollLeft()
xClientWidth()
xClientHeight()
Полученные координаты надо присвоить соответствующим параметрам стиля Вашего элемента.
К сожалению, такие важные для разработки свойства как высота и ширина доступного для прорисовки окна браузера и скроллинг остались за пределпми спецификации HTML. Поэтому все браузеры реализуют по-своему.
...
Рейтинг: 0 / 0
как расположить слой div на весь экран с учетом прокрутки
    #35013304
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Не top:float, а float:top!!
...
Рейтинг: 0 / 0
Период между сообщениями больше года.
как расположить слой div на весь экран с учетом прокрутки
    #35794300
Кфыыекщут
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Antonariy,
http://rasstroen.livejournal.com/
...
Рейтинг: 0 / 0
как расположить слой div на весь экран с учетом прокрутки
    #35794354
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Кстати, недавно удивился, что в GMail та же проблема (FireFox, в настройках выбора темы). Там тоже появляется диалог, и прозрачный див не закрывает весь экран
...
Рейтинг: 0 / 0
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как расположить слой div на весь экран с учетом прокрутки
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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