IE6 позиционирования проблема

Question

Он работает так, как задумано в Safari, Firefox и т. Д. Но он не считывает позиционирование или индекс z в IE6. Как сделать так, как это должно быть в IE6?

Вот CSS:

.AuthorName_Pic {
    width: 186px;
    position: absolute;
    right: 0;
    bottom: -120px;
    padding: 20px 10px 20px 15px;
    margin: 20px 0 0 0;
    background: url(images/ThumbDark.jpg) no-repeat;
    z-index:100;
}

Answer 1

1. Убедитесь, что вы используете Standards Mode , а не Quirks, в противном случае значение "width" и "height" в IE отличается от других браузеров. Это ошибка модели бокса, как упоминал Джош, но вы не хотите использовать Box Box Hack в наше время (особенно не уродливый и еще худший уродливый Тантек) ). BMH были необходимы для IE5, но сегодня они мертвы и похоронены, так как Standards Mode исправляет эту проблему и многое другое.

2. Вы говорите, что z-индекс в некотором смысле неверен. Недостаточно информации, чтобы сказать наверняка, поскольку вы опубликовали лишь небольшую часть своего кода, но общий источник этой проблемы состоит в том, что IE устанавливает стандартный стековый контекст z-index для любого элемента, которому вы присваиваете «позицию». '(относительный / абсолютный), даже если вы не включили атрибут z-index. Убедитесь, что все размещенные вами элементы также z-проиндексированы, чтобы обеспечить согласованную разметку в кросс-браузерном режиме.

Answer 2

Вам нужно будет решить ошибка модели коробки . Я бы использовал решение Тантека .