Помогите поправить стили - Position: fixed - Веб-строительство - Сайтостроение

204

zzzzz

7 ноября 2012, 10:24

700

проблема такая, есть сайт http://shop-stop.org/board/read471.html , при нажатии на кнопки: "согласен" "не согласен" всплывает окно с соц. сетями по центру, но на страницах с большим кол-вом комментариев http://shop-stop.org/board/read381.html это окно куда то исчезает, исполнитель, который мне делал эту хрень не отвечает, может здесь кто-нибудь посоветует как это исправить, готов заплатить, вот часть файла стилей, как я понял этот участок отвечает за вывод этого окна:

#dialog-overlay{

	display: none; position: fixed;

	background: rgba(0, 0, 0, 0.6);

	width: 100%;height: 100%;

	top: 0;left: 0;

	z-index: 3000;	

}



/*Box*/

#dialog-box {

	display: none; position: fixed;

	background: #fff;

	min-width: 300px; 

	min-height: 100px;

	border: 10px solid rgba(0, 0, 0, 0.7);

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;	

	z-index: 5000;

}



.social{

	padding: 20px;

	color: #555555;

	font-size: 14px;

}



#dialog-box img{

	margin: 5px;

	margin-top: 15px;

	cursor:pointer;

}



#dialog-box p{

	color: #666;

	font-size: 11px;

}





#dialog-box p.no_social{

	border-top: 1px solid #999;

	font-size:13px;

	

}

#dialog-box p a{ color: #666; }

/////

IL

435

ivan-lev

7 ноября 2012, 10:52

#1

В файле /vote/script.js попробуйте заменить..

var dialogTop = (maskHeight/2.5) - ($('#dialog-box').height());

на

var dialogTop=$(window).height()/2 - $('#dialog-box').height()/2;

Или просто.. для проверки

var dialogTop=400;

В общем, где-то там смотреть

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )

204

zzzzz

7 ноября 2012, 10:56

#2

ivan-lev:
В файле /vote/script.js попробуйте заменить..

var dialogTop = (maskHeight/2.5) - ($('#dialog-box').height());

на

var dialogTop=$(window).height()/2 - $('#dialog-box').height()/2;

Или просто.. для проверки

В общем, где-то там смотреть

у меня там такие строки:

		var dialogTop =  (maskHeight/2.5) - ($('#dialog-box').height());  

		var dialogLeft = (maskWidth/2) - ($('#dialog-box').width()/2);

140

-O-O-

7 ноября 2012, 10:57

#3

Скрипт криво просчитывает позиционирование.

Так же попробуйте вообще высоту нафиг удалить и поставить 50%.

20

Timotty

7 ноября 2012, 10:59

#4

Проверил, рабочий вариант ниже ▼

/*Box*/
#dialog-box {
	
	background: #fff;
	min-width: 300px; 
	min-height: 100px;
	border: 10px solid rgba(0, 0, 0, 0.7);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	z-index: 5000;
}

#dialog-overlay{
	display: none; position: fixed;
	
	width: 100%;height: 100%;
	
	z-index: 3000;	
}

И еще добавить к кнопке Закрыть след.

Изменить position:fixed; на relative;

добавить bottom:10px; right:45px; чтобы централизовать :>

IL

435

ivan-lev

7 ноября 2012, 11:02

#5

zzzzz:
у меня там такие строки:

Я в курсе... Даже написал какую именно заменить... и на что.

Или я тихо написал ?(с)

204

zzzzz

7 ноября 2012, 11:07

#6

ivan-lev:
Я в курсе... Даже написал какую именно заменить... и на что.
Или я тихо написал ?(с)

спасибо, заработало!

п.с. если я Вам что то должен, напишите в личку кошелёк и сумму

IL

435

ivan-lev

7 ноября 2012, 11:23

#7

zzzzz:
п.с. если я Вам что то должен, напишите в личку кошелёк и сумму

Хотел было пошутить про авторские права и свободное использование кода.. но, пожалуй, воздержусь.. Удачи Вам!

Что такое Power BI и зачем это нужно бизнесу

Open AI тестирует память для ChatGPT

Помогите поправить стили - Position: fixed