поле: 0 авто; Кажется, работает хорошо в Chrome / FF, но, опять же, IE не согласен - PullRequest
Новая
       15

поле: 0 авто; Кажется, работает хорошо в Chrome / FF, но, опять же, IE не согласен

1 голос
/ 12 октября 2009

На моем сайте Joomla я использую шаблон, который использует следующее правило CSS для центрирования панели контента: 

clear:both;
margin:0 auto;
width:920px;

Кажется, что это прекрасно работает в FF / Chrome, но при загрузке в IE все приклеивается к левой стороне окна. В чем проблема с этим? поле: 0 авто; кажется разумным, простым правилом. Почему IE не подчиняется?

Ответы [ 3 ]

1 голос
/ 12 октября 2009

Другой вариант - использовать следующее: 

position:absolute;left:50%;
margin:0 0 0 -460px;
width:920px;

, который будет центрировать div в родительском элементе.

1 голос
/ 12 октября 2009

Убедитесь, что ваш DOCTYPE не выглядит так: 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!--  --><?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

потому что тогда IE будет в Quirksmode (без boxmodel)

0 голосов
/ 12 октября 2009

Иногда может помочь явное расширение параметров: 

margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
...