RadEditor Display Problem

Hi,

I'm using radeditor with asp.net ajax q3 2010 sp2 and the problem is radditor is not dispaing properly in IE versions

For this i have use following code;
Please tell me where is problem actually....

 

 <telerik:RadEditor ID="txtSymptom" Width="850px" Height="50px" ToolsWidth="350px"
  CssClass="tre" ToolbarMode="ShowOnFocus" EditModes="Design" runat="server" ToolsFile="~/Files/XML/BasicTools.xml">
  <CssFiles>
   <telerik:EditorCssFile Value="~/Files/Styles/EditorContentArea.css" />
  </CssFiles>
</telerik:RadEditor>

BasicTools.xml
---------------------

 

<?xml version="1.0" encoding="utf-8" ?>
<root>
  <tools name="Formatting" enabled="true" dockable="true">
    <tool name="AjaxSpellCheck"/>
    <tool separator="true"/>
    <tool name="Bold" />
    <tool name="Italic" />
    <tool name="Underline" />
    <tool separator="true"/>
    <tool name="ForeColor" />
    <tool name="BackColor"/>
    <tool separator="true"/>
    <tool name="JustifyLeft"/>
    <tool name="JustifyCenter"/>
    <tool name="JustifyRight"/>
    <tool name="JustifyFull"/>
    <tool separator="true"/>
    <tool name="Undo" shortcut="CTRL+Z"/>
    <tool name="Redo" shortcut="CTRL+Y"/>
    <tool separator="true"/>
    <tool name="InsertOrderedList"/>
    <tool name="InsertUnorderedList"/>
    <tool separator="true"/>
    <tool name="FontName" shortcut="CTRL+SHIFT+F"/>
    <tool name="RealFontSize" shortcut="CTRL+SHIFT+P"/>
  </tools> 
</root>

 
EditorContentArea.css
----------------------
 /* The following CSS needs to be copied to the page to produce textbox-like RadEditor */
   
    .reLeftVerticalSide,
    .reRightVerticalSide,
    .reToolZone,
    .reToolCell
   
        background: white !important;
   
   
    .reToolCell
   
        display: block\9; /* for all versions of IE in order to prevent border bottom disappearing */
   
   
    .reContentCell
   
        border-width: 0 !important;
   
   
    .formInput
   
       border: solid 1px black;
   
   
    .RadEditor
   
        filter: chroma(color=c2dcf0);
   
   
    .reWrapper_corner,
    .reWrapper_center
   
        display: none !important; /* for FF */           
   
   
    td.reWrapper_corner,
    td.reWrapper_center
   
        display: block\9; /* for all versions of IE */           
   

Hi Pani,

Could you please try the solution provided in the following sticky note: Incorrect rendering of RadEditor when shown with AJAX in initially hidden parent?

If you still experience any problems provide a couple of screenshots along with an example how to reproduce them on our end.

All the best,
Rumen
the Telerik team