Почему в IE6 размеры больше?

Дата: 9.07.2010
Категории: HTML и CSS Дизайн

Как известно всем, кто верстал более или менее достойные дизайны, IE6 неправильно читает верстку. В частности, иногда, при создании отступа такого типа:

.ClassName
{
    margin-left: 20px;
}

Должно позиционироваться примерно так. Т.е. создаем несколько блоков, и у них внешний отступ равен 20 px. И во всех нормальных браузерах получается что-то вроде этого.

Нормальное позиционирование

Но в IE 6 по получается нечто иное:

Позиционирвоание в IE 6

Как видите, первый отступ по каким-то причинам почти в два раза больше.

Решение

У родительского тега, или у ClassName указываем следующий стиль:

display:inline;

И все приходит в норму.

Коментарии отсутствуют