Показать сообщение отдельно
  #5 (permalink)  
Старый 27.09.2010, 18:19
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Внимательно изучите примеры:

В это случае выравнивание происходит относительно оси X
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style type="text/css">
#div1,  #div2 {
	width: 50px;
	height: 50px;
}

#div1 {
	background: red;
	margin: 0px auto;
}

#div2 {
	background: green;
	position: absolute;
}
</style>
<script>
$(function(){
	$('#div2').css('left', $('#div1').offset().left);
});
</script>
<div id="div1"></div>
<div id="div2"></div>


а в этом случае относительно оси X и Y, т.е. элемент #div2 лежит в тех же координатах, что и элемент #div1 (перекрывает)
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style type="text/css">
#div1,  #div2 {
	width: 50px;
	height: 50px;
}

#div1 {
	background: red;
	margin: 0px auto;
}

#div2 {
	background: green;
	position: absolute;
}
</style>
<script>
$(function(){
	var offset = $('#div1').offset();
	$('#div2').css({
		top : offset.top,
		left : offset.left
	});
});
</script>
<div id="div1"></div>
<div id="div2"></div>


PS: но мне кажется, в вашей задаче можно и CSS обойтись

Последний раз редактировалось monolithed, 27.09.2010 в 18:26.
Ответить с цитированием