Problem mit AutoCompleteExtender Rendering

Question

Ich verwende AutoCompleteExtender in meiner Anwendung und irgendwie der Vorschlag Box nicht richtig unter der Textbox, sondern 20-30 Pixel unten angezeigt. Nach dem Durchgraben des generierten HTML habe ich gemerkt, dass es als UL- und LI-Elemente rendert, während es in den von ASP.NET heruntergeladenen Beispielen als DIV in DIV rendert und gut funktioniert.

Ich kann nicht herausfinden, was es anders rendern macht. Wie zeige ich die Vorschlagsliste direkt unter dem Textfeld an?

Übrigens sieht es in IE gut aus, das Problem existiert nur in Firefox.

Answer 1

Sie müssen mit Ihrem CSS spielen. Die Vorgabe (von der Probe) ist:

visibility : hidden; 
margin : 0px !important; 
background-color : #f0f0f0; 
color : windowtext; 
border : buttonshadow; 
border-width : 1px; 
border-style : solid; 
cursor : 'default'; 
overflow : auto; 
height : 200px; 
text-align : left; 
list-style-type : none; 

fügte ich auf einer meiner Seiten zum Beispiel:

.autocomplete_completionListElement li 
{ 
    margin : 0px !important; 
    padding: 2px; 
} 

Aber Sie werden so etwas wie Firebug verwenden möchten Figur, was Regel, die Sie haben, dass wird darauf angewandt, dass du nicht sein willst. Denken Sie daran, CSS = Cascading Stylesheets, so dass Elternelemente oder Regeln Bibliothekselemente wie diese beeinflussen können.