В Internet Explorer все содержимое сайта сдвигается влево. Что делать?
2013-04-23В прошлый раз я рассказывала о том, как поставить на место контент в случае, если в браузере IE возникает его смещение вниз и в сторону под левый сайдбар. Для решения этой неприятности нам помогло указание дополнительного свойства для одного из блоков в файле style.css. Однако, открывая новый сайт через Internet Explorer, вы можете столкнуться и с другими сбоями в его отображении этим браузером.
Еще один неприятный “подарок” от Internet Explorer – все содержимое сайта сдвигается влево. С правой стороны при этом образуется большое свободное поле, т.е. происходит выравнивание всего макета сайта по левому краю. Причем, у меня это происходило только на некоторых страничках…
Решение проблемы возможно несколькими вариантами.
Первый вариант, наиболее универсальный заключается в том, что нужно прописать в файле стилей style.css для body свойство:
|
1 |
body {text-align: center;} |
А для блока или таблицы, обтекающих весь сайт со всеми его колонками, добавить свойство text-align со значением left, т.е. выравнивать по левому краю, например:
|
1 2 3 4 5 |
maket {width: 1000px; margin: 0 auto; padding: 0; text-align: left; } |
Мне помогло.
Второй вариант несколько иного свойства и, возможно, поможет решить вам не только эту проблему, но и сопутствующие.
В случае, если у вас, как и у меня, установлен IE8, то нужно в индексный файл или файл header.php, если сайт построен на wordpress, между тегами <head> и </head> вставить метатег:
|
1 |
<meta http-equiv="X-UA-Compatible" content="IE=8"/> |
Он отвечает за корректное отображение сайта именно восьмым Эксплорером.
Проблема решена? Успехов!
