Background-image and width problems in IE when using custom stylesheet (EditorAreaCSS)

[Priet]

As mentioned here:  EditorAreaCSS: HTML- and body-tags not working in IE? I've found a problem when using EditorAreaCSS in IE:

• Background-image for HTML and Body don't work when using them both
• width is ignored

The background-image for the HTML or BODY tags do work, but not if you use them both.

The width property for HTML and BODY is ignored: IE always shows the lines (i.e. paragraphs over the full length of the editor).

Two screenshots:

• Good (Firefox):  http://meuk.peterriet.net/fckeditor/fckeditor_css_good.jpg
• Wrong (IE 6 & 7)  http://meuk.peterriet.net/fckeditor/fckeditor_css_wrong.jpg

I've prepared a test page to see it:

•  http://meuk.peterriet.net/fckeditor/index.html

I've installed the IE Developer Toolbar. With that tool I saw that the HTML and BODY tag did had a width property, but the problem was still there.

The background-image is not the worst problem: not being able to set the width is very annoying for the editors using FCKEditor.

What's causing this and how to fix this?

[fredck]

Do you have better results by setting the DocType setting in fckconfig.js to the XHTML 1.0 Transitional doctype?

Remember to clean up your browser cache.

[alfonsoml]

Replying to fredck:

Do you have better results by setting the DocType setting in fckconfig.js to the XHTML 1.0 Transitional doctype? Remember to clean up your browser cache.

Unless he tests with a nightly (that he should have done before filing the bug), the doctype won't matter due to #2102

[Priet]

Thanks for the DocType tip: that was the cause of the problem.

As mentioned by alfonsoml, I had to use a nightly build to set the DocType to XHTML. Strangely enough, the old HTML 4.01 transtional doctype didn't work anymore.

But with the XHTML DocType all problems are gone :)