IE9 центральный блок div - PullRequest
Новая
       3

IE9 центральный блок div

4 голосов
/ 04 июля 2011

Может кто-нибудь сказать мне, как сделать работу с IE9:

Я пытаюсь, чтобы div "center" отображался в центре .. Он отлично работает с ff и chrome, но я потратилпоследний час пытался заставить его работать с IE9.Он продолжает двигаться влево!

Единственный способ заставить его работать, установив выравнивание текста по центру родительского контейнера.Кто-нибудь знает другой способ?Более "правильно"?

Спасибо! 

<html>
  <head>
    <style type="text/css">
      #center {
      width: 200px;
      border: 1px;
      margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <div id="center">
      Hello World!
    </div>
  </body>
</html>
</code>

Ответы [ 2 ]

28 голосов
/ 04 июля 2011

IE печально известен тем, что не работает без должного doctypes.

Попробуйте добавить HTML5

<!DOCTYPE html>

1 голос
/ 04 июля 2011

Просмотр скрипки: http://jsfiddle.net/xavi3r/bGyPN/

Попробуйте удалить к чему это относится? 

<div id="center">
    Hello World
</div>

#center
{
     width:200px;
     margin:0 auto;
     border:1px solid #CCC; 
}
...