Log in or register to post comments
Last post
kristofmtl's picture
Joined: 21/06/2011
Posts: 3
ckeditor and background image
I have this strange issue, where a background image scrambles the content of ckeditor in ie 6 (I know it's outdated, but I haven't got the choice...)

The steps to reproduce the problem are simple:

1 - Create a sample page (use of of the samples)
2 - Create a css file editorarea.css containing:
body, td
{
font-family: Arial, Verdana, Sans-Serif;
font-size: 12px;
background: url('/ckeditor/pixgris.gif') repeat-y 650px 0;
}
3 - Create a gray 1x1 image (pixgris.gif in my sample).
4 - Add the following code to load an external css file: CKEDITOR.replace( 'editor_kama', {contentsCss:'/_Samples/editorarea.css'});
5 - Load the sample page, it should show an editor with a vertical line at 650px.
6 - Add one or more tables.
7 - Drag a the added table, drop it and see the tables overlapping.
8 - If you click anywhere in the editor, then the content refreshes correctly.

The attachment shows the content of an editor with two simple tables (2 rows, 3 lines).

Attachments: 

kristofmtl's picture
Joined: 21/06/2011
Posts: 3
Re: ckeditor and background image
Hi everyone,

Finally, it seems that the problem turns around the offset of the repeated background image.

background: url('/ckeditor/pixgris.gif') repeat-y 650px 0;

I have replace my single pixel image by a 650x1 pixel image and remove the 650px offset, and the content of ckeditor isn't scrambled any more!

The downside is that I have now a bigger image, thus a slight difference in loading time and bandwidth usage.
alfonsoml's picture
Joined: 31/12/2006
Posts: 3743
Re: ckeditor and background image
That's the price to pay when you're using outdated browsers