The forum operates in read-only mode. Please head to StackOverflow for support.

Wed, 04/02/2008 - 15:42

marukhin

Joined: 02/04/2008

Posts: 1

Image props-wrong appearance when Image is in DIV with CSS W

Hello.

I'm just trying to place IMG in div which has CSS attribute WIDTH.
IE 6.0. Let's try to do this:

editor/css/fck_editorarea.css

.testclass {width:300px;}

my code in FCKEditor

<div class="testclass"><img src="/data/img1.jpg" alt="" width="300" height="300" /></div>

Everything goes well but when I right-click this image and select Image properties - th FCK Dialog "Image properties" DOES NOT show me any information about selected image - every field is blank (like it has to be as if I just pressed "Insert image" button). So I can not change Image properties, and if I repeat choosing the image from server, the FCKEditor places it in the beginning of the document. But I really need to change the image's properties, not to insert the new one!

The same appearance you can see if you place this IMG in DIV with float:left; (or right).

Any ideas?

Thu, 05/08/2008 - 23:07

newbie

Joined: 08/05/2008

Posts: 7

Re: Image props-wrong appearance when Image is in DIV with CSS W

Hi,

sorry, no idea, but exactly the same problem. Additionally this issue appears NOT in FCKeditor v2.4.2 and v2.4.3, v2.5 and v2.5.1 but with v2.6 (Release).

In Firefox all is fine with all versions, when using IE 7 (in my case) the behaviour is as described.

To reproduce the problem, add a new template to fcktemplates.xml or copy the following code inside <![CDATA[ ... ]]> in the source view of FCKEditor. Try this with v2.6 to

Select the image and click onto the "Insert/Edit Image" button. In my case, the first time i do this, the image details will be shown into the form fields. (src, width, height, ...). But you can see, that the image will be unselected in background. In the older versions, the selection will be reassigned after closing the dialog. In v2.6 nothing happens and the cursor moves above the first div container. Now select the image again and click onto the "Insert/Edit Image" button. The dialog appears, but no properties/form fields are set.

Could anyone help with this issue?

(Sorry for my poor english).

<Template title="DIV Containers" image="template4.gif">
   <Description>Custom Divs</Description>
   <Html>
      <![CDATA[
            <div style="width:65%; float: left;">
        
                <h1>Headline</h1>
        
                <span>Paragraph 1</span>
                <span>
                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
                </span>
        
            </div>
            <div style="width:35%; float: right;">
                <div>
                    <img src="yourimage.png" alt="Placeholder" />
                </div>
            </div>
      ]]>
   </Html>
</Template>

Sat, 05/17/2008 - 19:25

milomaxwell

Joined: 17/05/2008

Posts: 5

Re: Image props-wrong appearance when Image is in DIV with CSS W

Exactly the same problem - only happens in IE, not Firefox.
Anyone found the cause or solution yet?

Thanks.

Tue, 05/20/2008 - 11:47

fredck

Joined: 19/01/2007

Posts: 898

Re: Image props-wrong appearance when Image is in DIV with CSS W

development site

Frederico Knabben
CKEditor Project Lead and CKSource Owner
--
Follow us on: Twitter | Facebook | Google+ | LinkedIn

Thu, 05/22/2008 - 12:25

newbie

Joined: 08/05/2008

Posts: 7

Re: Image props-wrong appearance when Image is in DIV with CSS W

<div>
    <b>Image in DIV Container</b><br>
    <img alt="" src="http://www.google.de/intl/de_de/images/logo.gif" />
</div>

<div style="width: 65%">
    <b>Image in DIV Container with explicit width</b><br>
    <img alt="" src="http://www.google.de/intl/de_de/images/logo.gif" />
</div>

http://dev.fckeditor.net/ticket/798

Thu, 05/22/2008 - 12:44

fredck

Joined: 19/01/2007

Posts: 898

Re: Image props-wrong appearance when Image is in DIV with CSS W

You have found the correct ticket. I've just added a comment there... not much encouraging though.

Frederico Knabben
CKEditor Project Lead and CKSource Owner
--
Follow us on: Twitter | Facebook | Google+ | LinkedIn

Thu, 05/22/2008 - 13:16

newbie

Joined: 08/05/2008

Posts: 7

Re: Image props-wrong appearance when Image is in DIV with CSS W

fredck wrote:You have found the correct ticket. I've just added a comment there... not much encouraging though.

I don't think that this in an IE bug. Older versions of FCKEditor (including 2.5 in my case) works great with IE and FF.

Thu, 05/22/2008 - 16:17

fredck

Joined: 19/01/2007

Posts: 898

Re: Image props-wrong appearance when Image is in DIV with CSS W

I mean, the recent changes on FCKeditor triggered this IE bug. It is related to the introduction of the new floating dialog system.

Frederico Knabben
CKEditor Project Lead and CKSource Owner
--
Follow us on: Twitter | Facebook | Google+ | LinkedIn

Thu, 05/22/2008 - 20:27

milomaxwell

Joined: 17/05/2008

Posts: 5

Re: Image props-wrong appearance when Image is in DIV with CSS W

So is this going to be fixed soon? It may not be in the critical category but it is more than a little annoying.

Thanks.

Sun, 05/25/2008 - 16:44

#10

fredck

Joined: 19/01/2007

Posts: 898

Re: Image props-wrong appearance when Image is in DIV with CSS W

Frederico Knabben
CKEditor Project Lead and CKSource Owner
--
Follow us on: Twitter | Facebook | Google+ | LinkedIn

Fri, 07/18/2008 - 00:12

#11

newbie

Joined: 08/05/2008

Posts: 7

Re: Image props-wrong appearance when Image is in DIV with CSS W

fredck wrote:No ETA for a fix. A proposal patch is welcome .

Wed, 08/06/2008 - 17:40

#12

newbie

Joined: 08/05/2008

Posts: 7