Internet explorer как решить вопрос с align items baseline?

Question

[alexiusgrey]

Делал все для современных браузеров, думал, что эксплорер 2013 года не нужен, если есть ms edge, но клиентам все же нужен. Вот сайт, в шапке справа, где человечек, звездочка и сумка.
https://i83862.hostua5.fornex.host
Хост платный, но домен технический, так что не вирусы, если вдруг браузер скажет, что ссылка подозрительная.
На всех браузерах как надо, на эксплорере не задается. Пробовал сделать align items center, но тогда на других хуже, как и при адаптиве лишние заморочки, я думаю другие браузеры все же приоритетней. Что придумать?

Comments

[Александр Фалалеев]

Вы точно уверены что Вам нужны такие клиенты ? Вы же понимаете что это либо неплатёжеспособные совсем клиенты либо параноики-ретрограды - зачем они Вам ?

[alexiusgrey]

Александр Фалалеев, уже же сделал почти все, а этот момент сказали уже в конце

[Антон Литвиненко]

Это для гномиков сайт? Я открыл с мобилки и не могу попасть ни в один пункт меню в футере (точнее попадаю сразу в 3) ни в поиск, человечек и сумка одновременно. Сори за оффтоп, тут ещё работать и работать...

[alexiusgrey]

Антон Литвиненко, ну там в макете было 10 пикселей шрифт в футере для телефона. это я еще для планшета его немного увеличил. зато увидел ошибку в поиске, спасибо за наводку. где именно та ошибка, что попадает по трем пунктам,а не по одному? а то я не вижу.

[Антон Литвиненко]

alexiusgrey, мне нечем сфоткать свой палец нажимающий сразу три пункта меню в футере)

[Ankhena]

Просто выровняйте всё по центру.
А то у вас у user-menu отступ сверху и слева.
Внутренности блоков вообще никто не выравнивал.

Зачем эта конструкция

<a class="popup-open" href="#">
                        <div class="user-btn fa-user"></div>
                     </a>

Почему вы не можете прямо ссылке сделать псевдо с нужным символом?
Почему-то в части ссылок вставлены span, в другой div, но display к единому виду не приведен. Было бы странно, если бы всё не прыгало.
Ради скольки символов-то вы вообще притащили fontawesome? Я 4 нашла.

И всю верстку поверяйте, там теги не закрытые, div внутри ul, id дублируются и т.д.

[alexiusgrey]

Ankhena, font awesome нету. у меня icomoon, просто приставка fa, чтоб использовать старые заготовки, где был font awesome и ничего не забыть при смене приставки. a class="popup-open" href="#" для поп-апа. там условие для зарегистрированных и не зарегистрированных. пункты списков очень сложные, никак не сделать без дивов и попроще.

[Ankhena]

alexiusgrey, вы div используете только для показа иконки, его псевдо можно спокойно переписать для самой ссылки и упростить всю конструкцию. Это кроме того, что сейчас все браузеры поддерживают svg спрайты.
Но как хотите.
Тогда просто разберитесь с display и выравнивайте все элементы аккуратно.

[alexiusgrey]

Ankhena, а, ну вверху да, наверно можно упростить, в фильтре уже нет, там такие этажи, что никак, и именно почему-то ul li. там не я писал, я взял уже таким.

[Ankhena]

alexiusgrey, я не знаю, где у вас на указанной странице фильтр. Вообще про него ни слова не говорила.
Да и вопрос был шапку.