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

Я просто пытаюсь центрировать div на странице. Он работает в хром, но в то есть DIV еще слева:Почему этот html/css не работает?

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

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

Я тестирование на IE 7.0.5730

источник

2010-06-08 hhj

Ваш HTML фрагмент не имеет DOCTYPE, so IE is defaulting to quirksmode.

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

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

источник

2010-06-08 15:17:03 ajm

, что это был ..благодаря! – hhj

другой метод будет делать это в CSS, таким образом, он работает независимо от того, если есть в Quirksmode или нет:

body{text-align:center;} 
#container{text-align: left;}

источник

2010-06-09 02:18:10

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

ответ

Смежные вопросы