ExtJS IE6 Comboxボックスはドロップボックスを2ピクセル下に表示します

Question

私はExtJS画面に絶対配置されたコンボボックスを持っています。 FFの下ではすべてがクールですが、IE6（と7）はドロップダウンボックスに数ピクセル下がっているので、矢印ボタンと並んでいません。私は配置されたdivコンテナでコンボをラップしようとし、コンボからx、yを離しました - 助けていませんでした。

私は、スタイルをmargin： '-2px'に設定するとIE用に修正しますが、FF用に修正します。

これは既知の問題ですか？

制御は次のようになります。

更新：このソリューションは、以下の問題を解決するだろうが、私はこの問題を解決するためのExtJSフレームワークのCSSを使用することにしました。私はこれだっ修正するために追加の正確なCSS：

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

これのいくつかは、私のアプリに特異的であってもよいが、EXT-すなわちものはExtJSのフレームワークにプラグインするようです。

Answer 1

IE（特に6と7）のための譲歩をするだけであれば、マージンの変更がそのブラウザに対してのみ有効になるようにアンダースコアハックを使用することができます。基本的にIEを除くすべてのブラウザは、その前にアンダースコアがあるCSSルールを無視します。

例：

combo { 
    _margin: 2px; 
} 

詳細情報についてはWeekly CSS Trick: The IE underscore hackをチェックしてください。私はこのハックを自由に使うのはお勧めしませんが、すばやく修正するには2つの方法があります。それ以上に行きたい場合は、IE-onlyスタイルシートを作成してください。How To Create an IE-Only Stylesheetをチェックしてください。