Проблема с рендерингом AutoCompleteExtender - PullRequest
Новая
       10

Проблема с рендерингом AutoCompleteExtender

2 голосов
/ 13 апреля 2009

Я использую AutoCompleteExtender в своем приложении, и каким-то образом окно с предложением стало появляться не прямо под текстовым полем, а на 20-30 пикселей ниже. После просмотра сгенерированного HTML-кода я заметил, что он отображается как элементы UL и LI, а в примерах, загруженных из ASP.NET, он отображается как DIV внутри DIV и работает нормально.

Я не могу понять, что делает его по-другому. Как отобразить список предложений прямо под текстовым полем?

Кстати, в IE все выглядит нормально, проблема существует только в Firefox.

1 Ответ

4 голосов
/ 08 мая 2009

Вам придется играть с вашим CSS. По умолчанию (из образца): 

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;

Я добавил на одном из своих сайтов, например: 

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

Но вы захотите использовать что-то вроде Firebug , чтобы понять, какое у вас правило применяется к нему, которым вы не хотите быть. Помните, CSS = Каскадные таблицы стилей, поэтому родительские элементы или правила могут влиять на библиотечные элементы, подобные этой.

...