Почему этот html / css не работает в ie? - PullRequest
Новая
       6

Почему этот html / css не работает в ie?

0 голосов
/ 08 июня 2010

Я просто пытаюсь центрировать div на странице.Он работает в Chrome, но, т. Е. Div все еще слева: 

<html>
<head></head>
<body>
  <div id="container" style="margin:0 auto; width:200px;">
       test
  </div>
</body>
</html>

Все, что я прочитал, говорит, что для центрирования элемента блока просто добавьте margin:0 auto и укажите ширину, поэтомуне знаю, почему это не работает.

Я тестирую на IE 7.0.5730

Ответы [ 2 ]

7 голосов
/ 08 июня 2010

Ваш HTML-фрагмент не имеет DOCTYPE, , поэтому IE по умолчанию использует quirksmode .

Использование типа документа HTML5: 

<!DOCTYPE HTML>
<html>
<head></head>
<body>
  <div id="container" style="margin:0 auto; width:200px;">
       test
  </div>
</body>
</html>
1 голос
/ 09 июня 2010

другим методом было бы сделать это в вашем css, таким образом он работает независимо от того, находится ли он в режиме причуд или нет: 

body{text-align:center;}
#container{text-align: left;}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...