Display Bug for Divs on Internet Explorer

Hi guys,

I'm using FCKeditor quite for a long time. For a new project I've developed a quite easy design for the content, two divs which are floating left. Now, using Internet Explorer (Version 6 or 7), if I want choose one div with the mouse, I can see a really big border around the div. The border also doesn't scroll down with the site, it is overlapping over the items on the top of the editor.

Here is a sample code which shows the bug:

<div style="float: left; width: 300px; height: 550px; background-color: red">Middle Content<br />
<br />
Test Test Test</div>
<div style="float: left; width: 200px; height: 550px; background-color: blue">Right Content<br />
<br />
Test Test Test</div>

Wed, 10/07/2009 - 17:24

alfa8007

Joined: 07/10/2009

Posts: 1

Re: Display Bug for Divs on Internet Explorer

Hi,

We have exactly the same problem, no solution yet but we know the source (so that's already half of the work done ).

The source of the problem is the width given to the HTML element.

Each HTML element (<p>, <div>, etc.) that has width defined to it either by inline CSS or external CSS file, will display this strange border when being edited by CKEditor in IE6, 7, and 8. Clicking on the element for editing it will be very difficult and very annoying.

I don't think it is CKEditor bug because exactly the same thing happens with TinyMCE.

For reproducing this behavior do the following:

1. Go to http://ckeditor.com/demo using IE6 or IE7 or IE8
2. Click on the "Source" button
3. In the second <p> element, the one that begins with "Little Red Riding Hood...", add some CSS width like this: <p style="width:300px;">
4. Click again on the "Source" button
5. Try to click on the paragraph that starts with "Little Red Riding Hood...", you will see the strange behavior

Any help for solving this problem is highly appreciated.

Y

Tue, 04/19/2011 - 21:24

9999

Joined: 19/04/2011

Posts: 4

Re: Display Bug for Divs on Internet Explorer

Hi,

this subject is already two years ago but the bug still uccurs in IE. Firefox and Chrome work fine.
Even Internet Explorer 9 doesn't fix that problem.

Is there anyone who solved that bug?

Mon, 04/25/2011 - 15:34

kate brown

Joined: 25/04/2011

Posts: 5

Re: Display Bug for Divs on Internet Explorer

Chrome is great but it's not standard for everybody.
I would like to get this issue solved with other browsers.

Kate

Sat, 01/28/2012 - 03:37

abui2001

Joined: 28/01/2012

Posts: 1

Re: Display Bug for Divs on Internet Explorer

Keep 'em coming... you all do such a great job at such Concepts... can't tell you how much I, for one appreciate all you do!