Наш дилетантский сайт давно перешел на 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.
