Блок не отображается в IE. В чем может быть ошибка?

Question

[mindgrow]

Добрый день!

Сделал сайт, но блок на сайте не отображается в IE. Помогите разобраться в чем может быть проблема?

Chrome


IE


Интересна критика, но код не очень аккуратный так как пишу его стихийно, тяну фишки с разных сайтов.

Comments

[Hyubert]

вы используете флексбокс и бутстрап 3??? для задания отступа внизу отдельный див??? WTF? и это только начал смотреть...

[mindgrow]

Hyubert, я только начал углубляться в верстку, как правило раньше я брал готовые ui-киты типа AdminLTE и на основе них конструировал интерфейсы.

Сейчас хочу сделать что-то такое, чего слизать нигде не могу, поэтому вот так)

С бутстрап 3 можно обойтись без флексбоксов? Буду благодарен если подкините чего-нибудь почитать.

div появился скорее всего т.к. я его забыл удалить, это не специально)

[Hyubert]

Viktor Ilukhin, если нужно поддержку ie10 и ниже то bootstrap 3 , если нет то bootstrap 4

Но я рекомендую зделать без библиотек типа бутстрапа, разберитесь в flexbox.

[mindgrow]

Hyubert, добрый день! Спасибо, с этим стало понятно. Но почему вы не рекомендуете использовать flexbox и bootstrap?

У меня в одном проекте на AdminLTE нужно центрировать блок, но бутстрапный класс center-block этого не выполняет, думаю воспользоваться flexbox

[Hyubert]

Viktor Ilukhin, я не рекомендую использовать бутстрап 3 и флексбок, а с 4 можете. Почему? бутстрап 3 использует флоат для сетки, что дает хорошое отображение и в старих браузерах, флексбокс же ниже ie 10 использовать не получиться, все попливет.

Answer 1

[Hyubert]

Вы можете зделать что-то типа такого

Answer 2

[Владислав Лысков]

какой вопрос, такой ответ - ошибка в коде

Answer 3

[sundrey]

IE9 не поддерживает canvas, который, в данном случае, используется на сайте