tomahawk popups have a displaced position inside DIVs

[Jorge Vásquez <jv...@3eyegroup.com>]

Regards to all,

I am having quite an issue with javascript popups that is driving me crazy
and it is that I am getting all my popups (not only the t:popup ones but
also the t:calendar ones) displaced to the right and bottom of the place
where they should appear.  I am using divs which is probably the source of
the problem ´cause without them everything works perfectly. Does anybody has
any recommendation? (other than not using divs).

 

I have a tree in one div and the details of the selected nodes from the tree
are placed onto another div on the right, the following is the macro
structure of the generated page:

 

……………………………………………

            <table width="100%" border="0" cellpadding="0" cellspacing="0">

                  <tr>

                        <td width="20%">

                        <div id="Layer1"

 
style="position:absolute;z-index:2;overflow:hidden;height:100%"

                             class="scrollw">

 

………………………………………………………………………………TREE GOES HERE……………………………………………………………………

 

                        </div>

                        </td>

                        <td width="80%">

                        <table width="100%" border="0" cellpadding="0"
cellspacing="0">

                             <tr>

                                   <td>

                                   <div id="Layer2"

 
style="position:absolute;z-index:3;overflow:hidden;"

                                         class="scrollw"> 

 

………………………………………………………………………………NODE DETAILS GO HERE……………………………………………………………………

 

                                   </div>

                                   </td>

 

                             </tr>

                        </table>

                        </td>

                  </tr>

            </table>

……………………………………………

 

The 2 following images illustrate better what I am getting.  The first one
shows the scenario using the calendar component.  Notice the icon inside the
blue square and notice the respective popup window inside the red rectangle.
The second image shows the same phenomena but in this case using the popup
component.  Again the mouse event takes place in the area enclosed with the
blue square and the popup appears in the red rectangle.

 

Thanks in advance to anyone that can help me,

Jorge Vásquez