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.