Маржа: авто не работает в IE - PullRequest
Новая
       5

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

12 голосов
/ 18 октября 2011

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

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

Ответы [ 8 ]

20 голосов
/ 18 октября 2011

Это ошибка в 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>
9 голосов
/ 14 октября 2012 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

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

8 голосов
/ 18 октября 2011

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

text-align: center
5 голосов
/ 24 ноября 2015

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

display: flex;
align-items: center;
3 голосов
/ 18 октября 2011

У вас есть 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

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

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

2 голосов
/ 18 октября 2011

Internet Explorer отображает ваш сайт в режиме причуд, потому что эта фиктивная инструкция обработки находится в верхней части разметки: 

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

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

1 голос
/ 19 декабря 2016

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

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
0 голосов
/ 22 января 2019

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

HTML: 

    <main class="container></main>

CSS: 

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