Центрировать блок по вертикали и горизонтали для IE?

Question

[Богдан]

Здравствуйте. Подскажите пожалуйста, как правильно можно отцентрировать блок, так что бы если место viewport есть тогда он центрируется, если нет - занимает все доступное место. Вот сделал на флексе, все нормально работает, тестил в Edge, Ghrome, Mozilla, Opera - все норм, а в IE 11 не работает, может что-то посоветуете. Спасибо.

Answer 1

[AngReload]

Второй скролл специально для IE

.wrapper-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 
  background-color: rgba(0, 0, 0, 0.7);

  display: flex;
  overflow-y: auto;
}

.modal-dialog {
  display: block;
  background-color: white;
  max-width: 300px;
  width: 100%;
  margin: auto;
  overflow-y: auto;
}

Хотя, смотрю теперь вообще в IE центрирование сломалось.

Comments

[Богдан]

Спасибо, только что посмотрел в IE работает, но там скролл получился на блоке, а не на window. Видимо там по другому никак? Спасибо.

Answer 2

[siarheisiarhei]

( flex-direction: column; ) это фонит...