Главная/ Собираем HTML и CSS приемы/ HTML и CSS приемы | Обходим баги, находим интересные решения/ Glyuki Brauzerov/ Ie6/ Высота блока 1px для IE6 | решаем проблемы с блоками небольшой высоты

Высота блока 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 Высота блока 1px в ИЕ6Высота блока 1px в ИЕ6

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

Решение

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


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

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


.block {
height: 1px;
width: 200px;
overflow: hidden;
}
Теги:
Показать комментарии