Как выровнить div по центру вертикально?

Question

[uranus235]

Есть 2 блока div, один внутри другого:

.window {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.4);
	z-index: 6;
}

.window-box {
	position: fixed;
	width: 500px;
	padding: 30px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #FFFFFF;
	box-shadow: 0 5px 30px rgba(0,0,0,0.3), inset 0 3px #38B7EA;
}

window-box находится внутри window.

Как сровнять window-box по центру по вертикали внутри window, не задавая высоту?

Answer 1

[Юрий Лобанов]

toster.ru/search?q=%D0%B2%D0%B5%D1%80%D1%82%D0%B8%...

Comments

[uranus235]

я уже искал долго здесь, в гугл, но мне нужно именно выравнивание без указания высоты

[Юрий Лобанов]

@uranus235 все там без указания высоты. Зачем Вам position:fixed? Опишите подробнее чего Вы хотите.

[uranus235]

вы просто дали ссылку на поиск, а не конкретный топик. хочу сделать модальное окно, чтобы прям по центру было

[uranus235]

@iiil проблему решил, добавив снизу еще один блок, спасибо за ответы

[Юрий Лобанов]

@uranus235 habrahabr.ru/post/136351