Вопрос по Js and CSS

Рейтинг RU сайтов с отдачей
Печать RSS
369
Александр 30.08.2013 / 22:06 Автор
Пацак
0
Вообщем долго думал но не как не получается, может кто подскажет.
Вообщем нужно чтобы к примеру блок с дивом класса "div1", так вот мне нужно чтобы размер этого блока а точнее цифра размера была в другом диве но со значением margin-top.
Т.е. есть 2 класса это к примеру "div1" и "div2" вот, нужно чтобы значение высоты(height) этого дива равнялось значению "div2" только не высоты а отступа(margin). Буду очень благодарен если и кто поможет уже голова кипит(((
Изменил: Александр (30.08.2013 / 22:07)
M
marti91 30.08.2013 / 22:17
Землянин
0
не совсем понятно, если честно..
Александр 30.08.2013 / 22:26 Автор
Пацак
0
2. marti91, обьясню еще раз.
представим что к примеру, что есть два класса a1 и a2.
<div class="a1">text</div>
<div class="a1">text</div>

вот и представим что высота блока дива a1 с контентом внутри - 200px
мне надо чтобы с помощью js в блоке с дивом a2 отступ стал тоже 200px

т.е. 
<div style="height: [b]значение[/b]" class="a1">text</div>
<div style="margin-top: [b]значение[/b] " class="a1">text</div>

но в блоке с дивом a1 указана высота, мне нужно чтобы она сама определялась и потом эта цифра была значение
M
marti91 30.08.2013 / 22:44
Землянин
0 
<!DOCTYPE html>
<html>
<head>
	<title>THE NAME OF THE PAGE</title>
	<meta charset="UTF-8">
	<style>
		.shit {
			width: 300px;
			height: 300px;
			background: #000;
			overflow: auto;
		}
		.son_of_the_shit {
			max-width: 100%;
			height: 200px;
			background: #fff;
		}
	</style>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<script>
		$(function() {
			var shit = $(".shit").css("height");
			$(".son_of_the_shit").css({"margin-top": shit});
		});
	</script>
</head>
<body>
	<div class="shit">
		<div class="son_of_the_shit">

		</div>
	</div>
</body>
</html>
наверно так бы я сделал.

Добавлено через 02:59 сек.
то же самое можно сделать и на чистом JS. jQuery - мое предпочтение.
Изменил: marti91 (30.08.2013 / 22:44)
Александр 30.08.2013 / 22:50 Автор
Пацак
0
4. marti91, не так но помог понять спасибо с меня 25к чатлов)
M
marti91 30.08.2013 / 22:52
Землянин
0
5. A.Great, я примерно, тебе просто нужно узнать значение css-свойства, вот и все =)
Александр 30.08.2013 / 22:54 Автор
Пацак
0
6. marti91, а как сделать чтобы margin-top: - значение? кроче к примеру -200px?
M
marti91 30.08.2013 / 22:56
Землянин
0
7. A.Great, то есть: margin-top: -200px; ?
Александр 30.08.2013 / 23:16 Автор
Пацак
0
8. marti91, да)
M
marti91 30.08.2013 / 23:17
Землянин
0
9. A.Great, в таком случае через margin-top этого не добиться.
Стикеры / Теги / Правила / Топ тем / Топ постов / Поиск