<DIV> tag not allowing AutoCompleteExtender's autoDrop down to appear fully

Hi Team,

I searched a lot on this but could not find anything, so I am posting it here.

I am using an AutoCompleteExtender in a user control which is in a master page. The page layout is designed byDIV tags. My code in that user control is somehting like..
----------------------------
----------------------------
When I type anything in the textbox, the auto dropdown does not appear fully becasue 2nd DIV tag hides or overlap the dropdown.

Please help me,

Thanks,
Manik

re: <DIV> tag not allowing AutoCompleteExtender's autoDrop down to appear fully

Could you please post the CSS styles applied to the <div>'s you're talking about here?

re: <DIV> tag not allowing AutoCompleteExtender's autoDrop down to appear fully

Thanks for responding buddy!

Sure, here we go!
-----------------------
<style type="text/css">
.completionListElement
{

visibility : 0;
margin : 0px! important;

background-color : white;
color : black;

border : solid 1px gray;
cursor : hand;

text-align : left;
list-style-type : none;

font-family : Verdana;
font-size: 11px;

padding : 0;
z-index : 20;

}

.listItem

{

padding: 1px;
z-index: 20;

background-color: white;
}

.highlightedListItem

{

color : black;
FONT-WEIGHT: bold;
background-color: #D7E4F3;

padding : 1px;z-index : 20;
}
</style>
------------------------

Thanks again,
Manik

re: <DIV> tag not allowing AutoCompleteExtender's autoDrop down to appear fully

Sorry I misunderstood it. No CSS for DIV tags, DIV tags are as following..


<div style="float: left; border: px #c0c0c0; background-color:#cccccc; width:100%;">

<div style="float: left;"></div>


<div style="float: right; height: 60px; overflow: hidden; width: 360px;">
<div style="float: right; height: 35px; padding: 2px 5px 10px 1px;"> </div>

and goes on..

re: <DIV> tag not allowing AutoCompleteExtender's autoDrop down to appear fully

I'm think it has to do with the float styles.
Between the top <div> and the rest of the content place the following

<div sytle="clear:both"></div>


This will make sure that the top <div> stays at the top and the ones below it say below it.

re: <DIV> tag not allowing AutoCompleteExtender's autoDrop down to appear fully

Thanks Frinavale. It is fixed by removing "overflow: hidden;" from

<div style="float: right; height: 60px; overflow: hidden; width: 360px;


Thanks a lot!!
Manik

re: <DIV> tag not allowing AutoCompleteExtender's autoDrop down to appear fully

Hmm, guess I was wrong about the float styles.

Glad you solved the problem :)

-Frinny

re: <DIV> tag not allowing AutoCompleteExtender's autoDrop down to appear fully

but it was close!! thanks so much for your support!!

You rock!!

re: <DIV> tag not allowing AutoCompleteExtender's autoDrop down to appear fully

Hi,

Clearing floats didn't not have solved the original problem, But it solved mine.

Thanks :)

Bec.

re: <DIV> tag not allowing AutoCompleteExtender's autoDrop down to appear fully

Great it helped you too.

re: <DIV> tag not allowing AutoCompleteExtender's autoDrop down to appear fully

Well at least it helped someone :)

Normally with these kinds of problems it's always some css style setting that is the culprit of the problem.

Cheers!

-Frinny