Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.05.2012, 14:38
Интересующийся
Отправить личное сообщение для Keksman Посмотреть профиль Найти все сообщения от Keksman
 
Регистрация: 05.02.2012
Сообщений: 17

Позиционирование блока по центру экрана
Доброго времени суток, уважаемые программисты. Помогите пожалуйста с моей проблемой, необходимо позиционировать блок по центру экрана, независимо от того, где вы сами находитесь. У меня получается скрипт, который позиционирует по центру, только если вы в самом верху экрана. Помогите пожалуйста с данной задачей
var cont = $('#container');
	var imag = $('#mainImg');
                 cont.width(imag.width()+20);
		 cont.height(imag.height()+20);
		 cont.css({'width':imag.width()+20,
			 'height':imag.height()+20,});
		 cont.css({
			 'margin-left':cont.width()/2*(-1),
			 'margin-top':cont.height()/2*(-1),
			 });

Блоку $('#container') предварительно были заданы left:50% и top:50%
Ответить с цитированием
  #2 (permalink)  
Старый 30.05.2012, 18:02
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<div style="
position:fixed;
left:50%;
top:50%;
width:300px;
height:150px;
margin-left:-150px;
margin-top:-75px;">
Тут контент</div>
Ответить с цитированием
  #3 (permalink)  
Старый 02.06.2012, 00:55
Профессор
Отправить личное сообщение для beard Посмотреть профиль Найти все сообщения от beard
 
Регистрация: 08.05.2012
Сообщений: 264

Keksman, ну нормуль, нужно дописать как написал Deff
position:fixed;


почистить это, не совсем понятно зачемо два раза устанавливать ширину/высоту блоку
cont.width(imag.width()+20);
		 cont.height(imag.height()+20);
		 cont.css({'width':imag.width()+20,
			 'height':imag.height()+20,});


и здесь лучше заюзать outerHeight, outerWidth вместо height, width
cont.css({
			 'margin-left':cont.width()/2*(-1),
			 'margin-top':cont.height()/2*(-1),
			 });


http://api.jquery.com/outerHeight/
http://api.jquery.com/outerWidth/
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Масштабирование блока, в зависимости от разрешения экрана Keksman jQuery 2 25.05.2012 03:49
Позиционирование блока по центру окна Keksman jQuery 2 21.03.2012 16:14
Не получается по щелчку на ссылке вывести div по центру экрана! Триви jQuery 6 11.03.2011 10:35
Позиционирование экрана на выбранном элементе страницы после перезагрузки qwr938 Общие вопросы Javascript 4 31.01.2011 21:01
Изменение размера блока реклама в зависимости от разрешения экрана. toxiz77 Общие вопросы Javascript 3 11.02.2009 14:12