В Internet Explorer все содержимое сайта сдвигается влево. Что делать?

2013-04-23

В прошлый раз я рассказывала о том, как поставить на место контент в случае, если в браузере IE возникает его смещение вниз и в сторону под левый сайдбар. Для  решения этой неприятности нам помогло указание дополнительного свойства для одного из блоков в файле style.css. Однако, открывая новый сайт через Internet Explorer, вы можете столкнуться и с другими сбоями в его отображении этим браузером.

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

Решение проблемы возможно несколькими вариантами.

Первый вариант, наиболее универсальный заключается в том, что нужно прописать в файле стилей style.css для body свойство:

А для блока или таблицы, обтекающих весь сайт со всеми его колонками, добавить свойство text-align со значением left, т.е. выравнивать по левому краю, например:

Мне помогло.

Второй вариант несколько иного свойства и, возможно, поможет решить вам не только эту проблему, но и сопутствующие.

В случае, если у вас, как и у меня, установлен IE8, то нужно в индексный файл или файл header.php, если сайт построен на wordpress, между тегами <head>  и </head> вставить метатег:

Он отвечает за корректное отображение сайта именно восьмым Эксплорером.

Проблема решена? Успехов!

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

Комментарии


Комментариев пока нет, будьте первым.

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

Ваш 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="">