Div editor - positioning the editor

Got a similar problem. in IE the CKE editor is displayed center aligned, but in firefox and chrome it is displayed left aligned.

If you figure this one out post it up. I'll do likewise.

Hi,

can you post a bit more code? Initialising CK, maybe CSS Styles

FYI - the center thing was bad CSS on my part. Used margin: auto; to correct it instead of the deprecated align="center" on my table.

Hi, you've probably fixed this by now but FYI and for others who have the same problem. I had the same problem wth replacing textareas in my dynamic pages. The editor wasn't positioned on the textarea as you would expect, but on the top left of the surrounding DIV element.

The solution that worked nicely for me was implementing the "instanceReady" function, like this:

CKEDITOR.on( 'instanceReady', function( ev ){

editor = ev.editor;

var editor_element=document.getElementById("cke_" + editor.name);
var text_element=document.getElementById(editor.name);

editor_element.style.position="absolute";
editor_element.style.left=text_element.style.left;
editor_element.style.top=text_element.style.top;
editor_element.style.width=text_element.style.width;
editor_element.style.height=(parseInt(text_element.style.height) + 20) + "px"; // some correction needed

});