Высота блока 1px

Автор: Евгений Рыжков Дата публикации: 09.01.2009

Проблема

В IE6 высота блока не становится равной 1 (2,3...и т.д. примерно до 14)px при значении height: 1px.

Теория

Имеем следующий код в CSS для <div>:

.block {
height: 1px;
width: 200px;
}

Получаем:

Высота блока 1pxВысота блока 1px Высота блока 1px в ИЕ6Высота блока 1px в ИЕ6

В IE6 минимальная высота блока зависит от размера шрифта (font-size) для этого блока.

Решение

Для IE6 задаем размер шрифта 1px:

.block {
height: 1px;
width: 200px;
font-size: 1px;
}

или делаем так:

.block {
height: 1px;
width: 200px;
overflow: hidden;
}