Высота блока 1px для IE6
Дата публикации: 09.01.2009
Последнее обновление: 15.02.2009
Проблема
В IE6 высота блока не становится равной 1 (2,3…и т.д. примерно до 14)px при значении height: 1px.
Теория
Имеем следующий код в CSS для <div>:
.block {
height: 1px;
width: 200px;
}
Получаем:
 Высота блока 1px |
 Высота блока 1px в ИЕ6 |
В IE6 минимальная высота блока зависит от размера шрифта (font-size) для этого блока.
Решение
Для IE6 задаем размер шрифта 1px:
.block {
height: 1px;
width: 200px;
font-size: 1px;
}
или делаем так:
.block {
height: 1px;
width: 200px;
overflow: hidden;
}
Теги: баги IE6