скрытое меню

долбанный IE

Наш дилетантский сайт давно перешел на flex css. Еще раньше мы освоили .htaccess, MYSQL , php, js, jQuery. И в какой-то момент посмотреть решили сайт на IE (у нас версия 11,535,18362.OIS).

Ну красота-то какая. Уделим немного внимания IE , чтобы наш сайт был хотя бы чуть чуть читаемым.

Что не работает в IE :
background-color: var(--main-bg-color);/*royalblue;*/

Добавляем специально для IE :
background: rgb(75 , 112 , 228); /* ie */

Далее почему-то вложенные блоки не наследует цвет от от родителя footer . Цвет footer назначается через класс whiteOnBlue . Проблема решается добавлением следующему вложенному элементу еще раз класс whiteOnBlue.

width : 100%;

Есть странно более широкое отображение блока , намного более ширины окна браузера , хотя в других браузерах так не глючит. Решаем проблему добавление потомкам ширины 100%, похоже ie не догоняет.

Cсылки A тоже не видят ширину . Решение аналогичное ищем родителя , проставлялем ему width : 100%.

Пока все , теперь сайт начинает более/менее нормально отображаться в IE.