CSS класс отображения

Question

У меня есть класс CSS со следующим кодом.Я пытаюсь поместить DIV на расстоянии 140 пикселей от верхней части веб-страницы и поместить его посередине (равное расстояние слева и справа).Он отображается правильно в Firefox и Google Chrome, но не отображается правильно в Internet Explorer 8. Может кто-нибудь сказать мне, в чем проблема с этим кодом?Также может ли кто-нибудь дать мне ссылку с руководством по совместимости браузера?

div.main
{
    padding: 0px;
    width: 980px;
    /*height:1350px;*/
    /*border: 1px solid red;*/
    margin: 0 auto; /*helps in getting the DIV to be in middle i.e. equal distance from left and right*/
    overflow: hidden;   
    margin-top:140px;
}

Answer 1

Я нахожу QuirksMode наиболее полезным для информации о совместимости браузера, плюс у него есть другая полезная информация.

Проблема, однако, зависит не только от CSS.Чтобы ответить на ваш вопрос, нам нужно увидеть немного HTML и остальную часть имеющегося у вас CSS.И описание того, что неправильно в рендеринге IEНе видя этого, мое первое предложение - убедиться, что вы используете строгий DOCTYPE.

Обратите внимание, что центрирование DIV будет центрировать его только в содержащем блоке (вероятно, BODY), что без явной ширины,будет только такой ширины, как содержимое, а не на всю ширину окна.

Answer 2

margin-top:140px; - это «проблема».Чтобы достичь цели, используйте:

• padding-top вместо margin-top;
• , если не можете - создайте div-обертку и примените к нему padding-top;
• или применить position: relative/absolute; top: 140px; к div.Подходит иногда.