My tooltip behind combox box

[cardi]

Hi !!

My client ask me to create new dynamic tooltips. The problem is that my tooltip appears in front of controls (OK) except comboxbox (NOT OK).

For my tooltip, I use a textarea in a <span> and the z-index is set to 200.

Here my declarations

<SPAN size="">
<div id="tt_Custom" class="xstooltip" style="overflow:auto">
<textarea name="input_tooltip" id="input_tooltip" maxlength="100" style="FONT-SIZE: 8pt; BACKGROUND-COLOR: #FFFFCC; BORDER-STYLE:none; overflow: auto; border: none">
</textarea>
</div>
</SPAN>


In my .CSS

DIV.xstooltip
{
VISIBILITY: hidden;
POSITION: absolute;
TOP: 0;
LEFT: 0;
Z-INDEX:200;

BORDER-RIGHT: 1px solid;
BORDER-LEFT: 1px solid;
BORDER-BOTTOM: 1px solid;
BORDER-TOP: 1px solid;

FONT: normal 8pt Arial;
PADDING: 1px;
BACKGROUND-COLOR: #FFFFCC
}


I don't know the problem is only for combobox... the buttons, text, label is always behind my tooltip when it appears
Can you help me???

Thanks

 

[nickdel]

Cardi, this is a little off-topic for ASP as it's really a client side question. However to save cross posting the simple answer is there is nothing you can do to stop this behavour... let me explain!

A <Select> element is a windowed element, simply meaning that a new window is created to implement the dropdown list. Now since it is a new window, it will be displayed over non windowed elements such as spans and divs.

Now you do have a couple of workaround options:
1: You can set the "display" for the select to "none" when the div is suppose to appear (You'll need to use javascript for this)
2: Create your own drop down using javascript and css, or have a look on Google.

Nick

 

[cardi]

Ok, but my tooltip can be anywhere in page and its size is not static. So, I will try with iFrame.

Thanks for your answer