ExtJS IE6 Combox отображает раскрывающийся список вниз на 2 пикселя

Question

На экране ExtJS есть поле со списком в абсолютном положении.Под FF все круто, но IE6 (и 7) показывают выпадающий список на пару пикселей вниз, поэтому он не совпадает с кнопкой со стрелкой.Я попытался обернуть комбо в позиционированный контейнер div и убрал x, y из комбо - не помогло.

Если я установил стиль на margin: '-2px', это исправит его для IE, ноВинт это для FF.

Это известная проблема?

Элемент управления выглядит следующим образом:

Обновление: приведенное ниже решение решит проблему, но я решил использовать CSS-каркас ExtJs, чтобы исправить это.Точный код CSS, который я добавил, чтобы исправить это, был:

.ext-ie .x-form-field-wrap{height:22px;}
.ext-ie .x-form-text{margin:-2px 0;height:18px;}

Некоторые из них могут быть характерны для моего приложения, но кажется, что ext-ie включается в среду ExtJS.

Answer 1

Если вам просто нужно пойти на уступки для IE (особенно 6 и 7), тогда вы можете использовать хак с подчеркиванием, чтобы изменение маржи вступило в силу только для этого браузера.В основном все браузеры, кроме IE, будут игнорировать любое правило CSS с подчеркиванием перед ним.

Пример:

combo {
    _margin: 2px;
}

Для получения дополнительной информации ознакомьтесь с Еженедельный трюк CSS: IE подчеркивает хак .Я бы не советовал использовать этот хак свободно, но для быстрого или двух исправлений он делает свою работу.Если вы хотите пойти дальше и создать таблицу стилей только для IE, ознакомьтесь с Как создать таблицу стилей только для IE .