Как растянуть div блоки в зависимости от разрешения экрана?

Question

[Ярослав Никитин]

Не получается оптимизировать сайт под все разрешение. По ширине получилось, а по высоте нет. Вот сайт, у кого большое разрешение, увидят, что внизу белый фон, а по задумке два div блока(Solution-Explorer, Source ) должны растягиваться по высоте, чтобы не было скроллов или внизу белого фона.

<div class="wrapper">
	<div class = "header"></div><!-- .header -->
	
	<div class = "middle">
		<div class = "Solution-Explorer"></div><!-- .Solution-Explorer -->
		<div class = "Content">
			<div class = "Source"></div><!-- .Source -->
		</div><!-- .Content -->
	</div><!-- .middle -->
	
	<div class = "footer"></div><!-- .footer -->
</div><!-- .wrapper -->

min-height: 500px;
max-height: 2000px;
Эти способы не работают, в отличие от min-width, max-width, получается просто пустое место.
Если не понятно объяснил, спрашивайте, дополню.

Answer 1

[Тарас Лабяк]

Конечно, всегда можно использовать JavaScript)
добавлено:
Я использовал для этого display: table , элементы display: table-cell виравниваються по высоте

Comments

[Дмитрий Кайгородов]

Только не это

[Тарас Лабяк]

@Kaigorodov Я понимаю, что это крайний, недекларативний случай, но, все же, в чем минуса? Кроме неочевидности и, возможно, непонятносты для верстальщика? Особенно, если все делаешь сам?

[Дмитрий Кайгородов]

Минусы: разные неожиданные сторонние эффекты, медленная работа js.
Но главное даже неконкретные минусы: это необязательное усложнение программы и использование неподходящего инструмента и неиспльзование подходящего.

[Тарас Лабяк]

@Kaigorodov подозреваю выравнивания по середине вконтакте реализовано именно на JavaScript)

[Дмитрий Кайгородов]

Может быть. Я как-то работал с dojo на большом проекте. Это такой js framework. Там весь layout перерасчитывается на js. Но реально это влечёт много проблем. И теперь советую другим не наступать на мои грабли.