Hi,

I have a problem here I have spent hours with!

 

the page has a cute editor placed in a 'lightbox' (customized div has a absolute position with display set to none or block). the problem comes when I switch the lightbox on to display the cute editor, the light box always stay 0 height. picture here:

 

 

 

I have tried different height values and different resize mode, but the problem stays. 

 

The code for this light box:

 

 <div id="SendMessageLightBox" class="lightBox" style="width:620px; margin-left:-316px; height:450px;">
    <div class="inner" style="vertical-align:middle; width:610px; margin-left:-310px; margin-top:-225px; height:440px;">
        <a class="close" onclick="lightBoxSwitcher('SendMessageLightBox', '');maskSwitch();" title="close window">&nbsp;X&nbsp;</a>
        <div>
            <table style="width:100%;">
                <tr>
                    <td style="width:40px" class="alignRight">
                        <asp:Label ID="Label1" runat="server" Text="To: " SkinID="boldLabel"></asp:Label></td>
                    <td><asp:TextBox ID="txtTo" runat="server" ReadOnly="True" Width="70%"></asp:TextBox></td>
                </tr>
                <tr>
                    <td class="alignRight">
                        <asp:Label ID="Label2" runat="server" Text="Subject: " SkinID="boldLabel"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtSubject" runat="server" Width="70%"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="valSubject" ControlToValidate="txtSubject" ValidationGroup="Msg" runat="server" ErrorMessage="Subject Required!"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td class="alignRight" style="vertical-align:top">
                        <asp:Label ID="Label3" runat="server" Text="Mesage: " SkinID="boldLabel"></asp:Label>
                    </td>
                    <td>
                        <CE:Editor ID="txtComment" runat="server"
                            ConfigurationPath="~/CuteSoft_Client/CuteEditor/Configuration/MyTool.config" Width="100%"
                            Height="250px" EnableStripStyleTagsCodeInjection="false" onKeyUp="JsFilter(this)">
                            <FrameStyle BackColor="White" BorderColor="#DDDDDD" BorderStyle="Solid" BorderWidth="1px" CssClass="" Height="99%" Width="99%" />
                        </CE:Editor>
                        <%--<asp:TextBox ID="txtComment" runat="server" Height="150px" Width="400px" TextMode="MultiLine" onKeyUp="JsFilter(this)"></asp:TextBox>--%>
                    </td>
                </tr>
                <tr>
                    <td class="alignRight"></td>
                    <td>
                        <Ajax:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                            <ContentTemplate>
                                <asp:Button ID="btnPost" runat="server" Text="Send" onclick="btnPost_Click" ValidationGroup="Msg" />
                                <input id="btnCancel" type="button" value="Cancel" onclick="lightBoxSwitcher('SendMessageLightBox', ''); maskSwitch();" class="BtnOFF" onmouseover="this.className='BtnON';" onmouseout="this.className='BtnOFF';" />
                            </ContentTemplate>
                            <Triggers>
                                <Ajax:AsyncPostBackTrigger ControlID="btnPost" />
                            </Triggers>
                        </Ajax:UpdatePanel>
                    </td>
                </tr>
            </table>
        </div>
    </div>

 

 the css for 'lightbox' is:

 

.lightBox
{
    position:absolute;
    width:410px;
    height:210px;  
    padding:5px;
    left:50%;
    margin-left:-211px;
    background:#24a635;
    border:1px solid black;
    z-index:10001;  
    display:none;
}

 Any one get any idea with this problem???