コンボボックスのドロップダウン表示

はajaxcontroltoolkit COMBOXを手に入れました。どういうわけか、ドロップダウンが左に表示されていません（画像参照）。

.NETコード

<ajaxToolkit:ComboBox ID="cbState" runat="server" AutoPostBack="true" DropDownStyle="Dropdownlist" AutoCompleteMode="None" ItemInsertLocation="Append" CssClass="searchcontentCombobox" />

CSS

.searchcontentCombobox .ajax__combobox_inputcontainer {} 
.searchcontentCombobox .ajax__combobox_textboxcontainer input {border:0;width:160px;height:22px;padding:3px 10px 3px 7px;background:#1f1f1f;color:#fff;} 
.searchcontentCombobox .ajax__combobox_buttoncontainer button {border:0;background:url(../img/menu_searchcontent.gif) no-repeat center right;} 
.searchcontentCombobox .ajax__combobox_itemlist {}

任意のアイデア？

出典

2012-05-08 user1255409

ドロップダウンフィールドのレンダリング先を制御しようとしていますか？私はブラウザがそれを行う責任があるので、それは可能ではないと思う。あなたができる最善のことは、あなた自身の要素を作り、適切に表示/非表示/スタイルを設定することでしょう。 – Tejs

私は選択と並んで、左側のドロップダウンを整列しようとしています。 – user1255409

私には何か似たようなものがありました。私は、ie8がdoctype宣言に確実に含まれるようにメタタグを追加しなければなりませんでした。開発者ツールバーや火かき棒を使用して同じ問題が発生しているかどうかを確認できます。一度doctypeをem8に変更すると、すべてがうまくいった。

出典

2012-05-09 00:18:40 BigDaddyJay

残念ながら、これはすべてのブラウザで起こっています。 – user1255409

私はdivにコンボボックスを入れました。 divには測位が設定されていません。

は、その後、私は私のスタイルシートでこれを置く：

.ajax__combobox_itemlist 
{ 
    position:relative !important; 
    height: 100px !important; 
    overflow: auto !important; 
    top: 0px !important; 
    left: 0px !important; 
}

ポップアップし、ドロップダウンリストは、その後のdivの左上隅にバインドされています。

出典

2012-07-19 16:20:23 Red

ありがとう、それは私のために魅力として働いた:) –

このCSSはドロップダウンリストを整列させるのに役立ちました。

.ajax__combobox_itemlist 
{ 
    position:fixed !important; 
}

出典

2012-11-15 23:03:48 Justin

コンボボックスのドロップダウン表示

答えて

関連する問題