Меню сайта некорректно отображается в Internet Explorer 8: решение проблемы

2013-04-25

Приключилась недавно со мной такая ситуация. Создавая новую тему для сайта на движке wordpress, сделала выпадающее горизонтальное меню и обнаружила, что при открытии некоторых страниц через браузер Internet Explorer оно превращается в строчный набор текстовых ссылок, а выпадающие пункты и вовсе становятся недоступны для использования…

Вот такую картину я увидела на сайте:

Меню с потерянным дизайном

А должно быть так:

Правильный вид выпадающего меню

Одно дело, когда не отображаются закругленные уголочки или градиент, а когда теряется вообще большая часть форматирования меню с помощью css – смириться с этим нельзя.

К счастью, нашелся действенный способ решения этой проблемы, который сегодня я и хочу показать.

Для сохранения правильного отображения стилей для главного меню сайта с выпадающими пунктами мне помогло добавление метатега:

между тегами <head> и </head> файла header.php. Этот код я уже упоминала в статье В Internet Explorer все содержимое сайта сдвигается влево. Что делать?  Он отвечает за корректное отображение стилей именно восьмой версией IE. В других версиях пока не проверяла, если что – допишу.

Вот так просто оказалось исправить отображение выпадающего меню браузером Internet Explorer. Надеюсь, мой совет оказался вам полезен.

Статья пригодилась? Буду признательна, если поделитесь в соцсетях:

Комментарии

2 Комментариев к записи «Меню сайта некорректно отображается в Internet Explorer 8: решение проблемы»

  1. Спасибо! очень помог Ваш совет! Без этого тега все верстка в ie8 плыла сама по себе.

  2. Здравствуйте. связался с тех поддержкой хостинга сказали что исправят проблемы с базой данных. На этот хостинг я недавно переехал они мне сайт сами переносили.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">