Hi,
It works fine in FF but not in IE7. Is there a solution to this problem?
I am having a problem with the rendering of the rad editor control when it is placed in a div of a fixed height with the overflow:auto style applied. The controls are being rendered outside of the fixed height div in the position they would be if the div was not restricted in its height. Even if i just set the control to just design mode IE still thinks the control has a bigger height than applied to the div and applies its scroll bars. You can take a look at the problem here. Below is the code you can use to reproduce the problem.
| <html xmlns="http://www.w3.org/1999/xhtml" > |
| <head runat="server"> |
| <title></title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="ScriptManager1" runat="server"> |
| </asp:ScriptManager> |
| <div> |
| <div style="height: 170px; overflow:auto; border: solid black 1px;"> |
| <asp:UpdatePanel ID="UpdatePanelRadEditorPost" runat="server"> |
| <ContentTemplate> |
| <telerik:RadEditor ID="RadEditor1" runat="server" |
| AutoResizeHeight="false" |
| Height="500px"> |
| <SpellCheckSettings DictionaryLanguage="en-GB" /> |
| </telerik:RadEditor> |
| </ContentTemplate> |
| </asp:UpdatePanel> |
| </div> |
| </div> |
| </form> |
| </body> |
| </html> |
It works fine in FF but not in IE7. Is there a solution to this problem?
Thanks for your help,
Jef
1 Answer, 1 is accepted
0
Accepted
Hi Jeff,
Please set position:relative to the editor's parent div and the problem will be resolved e.g.
I hope this helps.
Kind regards,
George
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Please set position:relative to the editor's parent div and the problem will be resolved e.g.
| <div style="position:relative ;height: 170px; overflow:auto; border: solid black 1px;"> |
| <asp:UpdatePanel ID="UpdatePanelRadEditorPost" runat="server"> |
| <ContentTemplate> |
| <telerik:RadEditor ID="RadEditor1" runat="server" |
| AutoResizeHeight="false" |
| Height="500px"> |
| </telerik:RadEditor> |
| </ContentTemplate> |
| </asp:UpdatePanel> |
| </div> |
I hope this helps.
Kind regards,
George
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.