Font Size and RTE in IE

Last post 11-30-2012, 2:39 PM by astearns. 7 replies.
Sort Posts: Previous Next
  •  11-20-2012, 3:38 PM 75296

    Font Size and RTE in IE

    I have two strange issues:

      

    1. This began happening when I changed the ContentCss property to set the editable area to my stylesheet. In Design view my font looks like this:

     

    but the font is still about 11px when any font size is selected. In Source view:

     

     

     it is correct and when posted to my page I see the changes. Why don't I see the correct font size in design view?

     

    2. In IE my editor appears like this:

     

     

     

    Is this issue related to my site css in some way or is there some other way to correct this?

    Filed under: ,
  •  11-20-2012, 7:28 PM 75297 in reply to 75296

    Re: Font Size and RTE in IE

    If you remove your site css file, will it work correctly?

     

    Can you post your aspx page and css files used by it?


    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  11-21-2012, 2:12 PM 75314 in reply to 75297

    Re: Font Size and RTE in IE

    Removing my stylesheet allows the font-size drop down to work but rte in IE still appears as the screenshot above.

     

    This leads me to believe that the font-size drop down issue is related to one of my styles and is being overwritten. But why does the editor appear so strangely in IE?

     

    My aspx page is posted below:

     

    <table align="center" cellpadding="10" id="Table1" class="DashboardBack" width="100%">
          <tr>
                <td>
                      <asp:Label id="lblFileName" runat="server" CssClass="MainHeading"></asp:Label><BR>
                </td>
          </tr>
         
          <tr>
                <td align="center">
                      <asp:Panel runat="server" ID="pnlHtmlEditor">
                    <RTE:Editor id="Editor1" Toolbar="WHD" ContentCss="../../CSS/WHDStyles.css" Text="Type here" runat="server" />
                      </asp:Panel>
                      <asp:Panel runat="server" ID="pnlTxtEditor">
                            <asp:TextBox runat="server" ID="txtText" Wrap="false" TextMode="MultiLine" Width="575px" Height="600px"></asp:TextBox>
                      </asp:Panel>
                      <BR>
                      <asp:Button id="btnSubmit" runat="server" Text="Save Changes" Font-Bold="True" onclick="btnSubmit_Click"></asp:Button>
                      &nbsp;<asp:Button id="btnCancel" runat="server" Text="Cancel" onclick="btnCancel_Click"></asp:Button>
                </td>
          </tr>
    </table>

     I'm using my stylesheet for design view and a custom toolbar configuration.

  •  11-21-2012, 3:51 PM 75316 in reply to 75314

    Re: Font Size and RTE in IE

    Hi astearns ,

     

    1. Please post the code of your  "WHDStyles.css", so we can check it for you.

     

    2. Please try the example page below, does it works fine on your IE browser? If yes, then should be some stylesheet files on your page causes this problem. Please remove it one by one, then you will find out which style setting causes the IE issue.

     

    1. <%@ Page Language="c#" %> 
    2.  
    3. <%@ Register TagPrefix="RTE" Namespace="RTE" Assembly="RichTextEditor" %> 
    4.  
    5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    6. <html xmlns="http://www.w3.org/1999/xhtml"
    7. <head> 
    8.     <title>example</title> 
    9. </head> 
    10. <body> 
    11.     <form id="Form1" method="post" runat="server"
    12.         <RTE:Editor runat="server" ID="Editor1" Height="260px"  ContentCss="~/example.css"/> 
    13.     </form> 
    14. </body> 
    15. </html> 
     

    Regards,

     

    Ken

     

     

  •  11-22-2012, 11:05 AM 75333 in reply to 75316

    Re: Font Size and RTE in IE

     1. The stylesheet is 1000+ lines but I've included the styles affected this page in the text file

     

    /rte-uploads/members/225913/styles.txt

     

    2. Using the code above produced the same result in IE, more of the menu showed correctly but items such as paste and insert table still had similiar issues to the screenshot I posted.

  •  11-22-2012, 3:19 PM 75335 in reply to 75333

    Re: Font Size and RTE in IE

    Hi astearns ,

     

    I tried the stylesheet file you provided, it works fine for me.

     

    Can you send me the url of your editor page? So I can check it directly.

     

    by the way, please send me the url of the example page I provided too, so I can check whats problem on it.

     

    Regards,

     

    Ken

  •  11-24-2012, 5:46 PM 75344 in reply to 75335

    Re: Font Size and RTE in IE

    Hi Ken,

     

    I don't have a url as rte is not out on our production site since we have the evaluation copy. The only way I can show you on our dev enviroment is through a site like join.me as rte is within our admin section and needs a user with the proper permissions. We really want to buy rte but need it to look correct (it works correctly) in IE. I did managed to solve the font size issue related to our stylesheet. 

     

    Would very much appriciate helping me overcome this last obstacle. Thoughts?

     

    EDIT: if it helps someone helping us through this will guranty a purchase. 

  •  11-30-2012, 2:39 PM 75378 in reply to 75344

    Re: Font Size and RTE in IE

    Since no one replied I thought I posted my solution. RTE wasn't correctly displaying in IE. I had to force it into IE8 standards mode:

     

    <meta http-equiv="x-ua-compatible" content="IE=8"/> 

     to get it to display correctly. I hope this helps anyone who might run into a similiar situation.

     

View as RSS news feed in XML