Симметричная высота двух столбцов: динамичного и статичного

@Ankoku · Регистрация: 01.05.2014

Author24 — интернет-сервис помощи студентам

Здравствуйте! У меня есть два столбца: у первого высота (#cont 1{height:auto;}) динамичная, то есть высота постоянно меняется в зависимости от контента, а у второго (#cont2) высота статичная, то есть высота уже определена. Оба столбца расположены на против друг друга:

CSS

1 2	#cont1{height:auto; width: 600px; background: #e0e0e0;} #cont2{ height: 500px; width:300px; background: #333; min-height: 500px;}

Нужно чтобы высота второго столбца #cont2 была симметрична столбцу #cont1, так как высота первого столбца #cont1 больше чем высота второго столбца #cont2.

@Taatshi · 09.05.2014, 10:57

http://www.xiper.net/collect/h... isoty.html

@Ankoku · 09.05.2014, 11:21 **[ТС]**

Можно представить как таблицу с двумя ячейками (столбцами) в идеале высота которых совпадают. Это то, что мне и нужно, так как высота первого столбца, где располагается материал (статьи, фотографии), постоянно меняется, а высота второго остается без изменений (делаю акцент на фон, так как первый столбец серого цвета а второй черный). Нужно передать высоту первого столбца #cont1 > #cont2 второму.

Добавлено через 23 минуты
Спасибо Taatshi второй способ подходит. Где то в коде видел решение с передачей свойств #cont1 > #cont2, было бы продуктивно и с этим способом ознакомится (мне).

@Taatshi Администратор 12268 / 5333 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	09.05.2014, 10:57	2
	http://www.xiper.net/collect/h... isoty.html 0

@Ankoku 0 / 0 / 0 Регистрация: 01.05.2014 Сообщений: 5
	09.05.2014, 11:21 [ТС]	3
	Можно представить как таблицу с двумя ячейками (столбцами) в идеале высота которых совпадают. Это то, что мне и нужно, так как высота первого столбца, где располагается материал (статьи, фотографии), постоянно меняется, а высота второго остается без изменений (делаю акцент на фон, так как первый столбец серого цвета а второй черный). Нужно передать высоту первого столбца #cont1 > #cont2 второму. Добавлено через 23 минуты Спасибо Taatshi второй способ подходит. Где то в коде видел решение с передачей свойств #cont1 > #cont2, было бы продуктивно и с этим способом ознакомится (мне). 0