Маржа: Auto не работает в IE

URL: http://cyberbat.co.uk/test поле margin: auto не работает, есть ли другой способ поместить его посередине в IE.

РЕДАКТИРОВАТЬ: Проверьте это снова, index.php был неправильный файл, я заменил его на index.html.

Ответ 1

Это ошибка в IE! Вам просто нужно создать держатель для <div class="page"> и установить его text-align на center

.page-holder{
    text-align:center;
}
.page{
    margin:0 auto;
}

<div class="page-holder">
    <div class="page">
    page content
    </div>
</div>

Ответ 2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

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

Ответ 3

Используйте это в родительском контейнере для глупых браузеров:

text-align: center

Ответ 4

попробуйте использовать следующее в родительском элементе.

display: flex;
align-items: center;

Ответ 5

У вас есть RAW-код PHP, потому что вы не настроили сервер должным образом:

<?php
include('inc/settings.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Разрешить эту проблему, применяя PHP к файлам *.html и <?php include ?>, не будет отображаться буквально. Если я правильно помню, настройте эту строку в файле .ini следующим образом:

AddType application/x-httpd-php .html .htm .php

Поскольку этот буквальный код backend находится перед DOCTYPE, он вызывает режим quirks в IE, а в quirks горизонтальные автоматические поля не работают должным образом.

Вы можете пойти с text-align: center на родительский элемент, но это взломать для IE, и вы должны решить это правильно, сделав IE рендерингом в стандартном режиме из моего предложения выше.

Ответ 6

Internet Explorer отображает ваш сайт в режиме quirks из-за этой команды обработки фикций в верхней части разметки:

<?php
include('inc/settings.php');
?>

Удалите его; margin: auto работает в IE6+. Там нет нужно сделать text-align: center или другие ненужные изменения.

Ответ 7

Попробуйте добавить запись meta в head:

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

Ответ 8

Вы можете скачать normalize.css (просто Google) и связать его с вашим проектом, теперь вы можете использовать что-то вроде:

HTML:

    <main class="container></main>

CSS:

    .container {
      margin-left: auto;
      margin-right: auto;
      width: 600px;