Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как расположить слой div на весь экран с учетом прокрутки / 8 сообщений из 8, страница 1 из 1
13.12.2007, 12:31
    #35007049
YuriyB
YuriyB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как расположить слой div на весь экран с учетом прокрутки
Код: 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, 14:12
    #35007525
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как расположить слой div на весь экран с учетом прокрутки
float:top?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.12.2007, 14:13
    #35007530
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как расположить слой div на весь экран с учетом прокрутки
Вместо top:0.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.12.2007, 20:16
    #35013265
YuriyB
YuriyB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как расположить слой div на весь экран с учетом прокрутки
Antonariyfloat:top?

Код: plaintext
1.
top:float;

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


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