Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

General Questions /

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

editor.css styles dont show up in htmleditorfield in IE


Reply


893 Views

Avatar
ChrisBryer

Community Member, 95 Posts

24 June 2009 at 6:43am

my editor.css file looks like this:

/**
* This support file is used to style the WYSIWYG editor in the CMS
*/

@import "typography.css";

body.mceContentBody {
   height: 200px;
   font-size: 62.5%;
   width: 709px;
   padding:0 25px;
   border:1px solid #CCC;
}
body.mceContentBody a.broken {
   background-color: #FF7B71;
   border: 1px red solid;
   color: #fff;
   padding: 1px;
   text-decoration: underline;
}

Firefox shows the styles correctly in the HtmlEditorField, with a border and a fixed width, however IE does not use any of the styles. IE does import typography.css, but width is not set, no border is created, etc... Does anyone have any suggestions as to how to make IE recognize these styles for the HTMLEditorField?

I've seen people get frusterated when they try to place images in html text because the positioning is unpredictable because the field autostretches to the screen, and fixing the width gives them a much better idea of how the page is organized and where images will land in the template.