Rendering Issue with Multiple Cute Editor on the same page

  •  03-09-2009, 5:13 PM

    Rendering Issue with Multiple Cute Editor on the same page

    Hi,
     
    I am having a problem when I put multiple Cute Editors on a page combined with the Jquery tab (Jquery.tabs()). Each tab has a cute editor. Even though I have set a height on all the Cute Editors, some of the cute editors are collapsed in fire fox (version 3.0.7).
     
    It renders fine in IE 7, but some of the Cute Editors have a different height.
     
    I am using Cute Editor 6.3.
     
    Here is the sample code:
     
    In the header:
    <script type="text/javascript">
     
    $(document).ready(function() {
       
    $("#divTabs").tabs();
    });
    </script>
     
    In the body
     
     
    <div id="divTabs" runat="server">

     

    <ul runat="server" id="tabList">
       <li><a href="#tab1">Tab 1</li>
       <li><a href="#tab2">Tab 2</li>
    </ul>

     

       <div id="tab1" runat="server">
       <CE:EDITOR id="ce1" runat="server" Width="700" Height="500px" ThemeType="Office2007" AutoConfigure="Simple" Visible="true"></CE:EDITOR>
       
    </div>

     

       <div id="tab2" runat="server">
       <CE:EDITOR id="ce2" runat="server" Width="700" Height="500px" ThemeType="Office2007" AutoConfigure="Simple" Visible="true"></CE:EDITOR>
    </div>

     

    </div> <!-- end div "tabs" -->

     And a screen shot in fire fox:
     
     
    Thanks for the help,
    David
View Complete Thread