Как вы центрируете div с Internet Explorer? - PullRequest
Новая
       35

Как вы центрируете div с Internet Explorer?

3 голосов
/ 21 сентября 2011

У меня проблемы с Internet Explorer и центрированием, мой вопрос: как я могу центрировать div без тега CENTER? и он должен работать во всех браузерах, потому что я использовал 

margin:auto;

работает во всех браузерах но это не работает в Internet Explorer я ищу что-то, что будет работать во всех браузерах кто-то сказал мне поставить 

text-align: center;

к телу, но затем весь текст дошел до середины

так как я могу это сделать?

Ответы [ 5 ]

7 голосов
/ 21 сентября 2011

Ты рядом.Используйте CSS ниже: 

margin:0 auto;

Вот рабочий jsFiddle Обратите внимание, что я дал div фиксированную ширину.

2 голосов
/ 21 сентября 2011

Вам необходимо указать ширину и поле: 

div.center { width:980px; margin:0px auto; }

Пример HTML: 

<html>
<head></head>
<body>
<div class="center">CONTENT</div>
</body>
</html>
1 голос
/ 21 сентября 2011

IE имеет пятнистую поддержку автоматических полей (т. Е. Различное поведение в режиме причуд).Это должно работать почти во всех случаях:

CSS: 

.container {
    /* for IE */
    text-align: center;
}
#the-div {
    /* reset text-align */
    text-align: left;
    /* for "good" browsers */
    margin: 0 auto;
}

HTML: 

<div class="container">
    <div id="the-div">centered content</div>
</div>
0 голосов
/ 30 сентября 2017

Ваш CSS близок, ваша проблема не в браузере. Простое решение - изменить внутренний класс div.

У вас есть абсолютная позиция с левым 25% ... Используйте левый 50%, и он будет автоматически корректироваться.

Убрать слева: 50% целиком и добавить поле: 0 авто; как уже отмечалось в другом ответе.

0 голосов
/ 14 января 2017

Да, это прекрасно работает в IE. 

.container {
    /* for IE */
    text-align: center;
}
#the-div {
    /* reset text-align */
    text-align: left;
    /* for "good" browsers */
    margin: 0 auto;
}
...