ContentEditable

[KirKone]

Hello,
I have a little problem with “contenteditable“ with Internet Explorer 8 and 9.
Here is a little demo of the Problem:
http://www.kirkone.de/IETest/eddie.htm

In IE 8 and 9 you can see a gap between the first and second paragraph. If
you click in this gap you can type in text.

In IE 7 the gap is not there and you could not type text outside the
paragraphs. That is the way this should work.

If I remove the float from the “div” around the image the gap goes away and
all works fine.

Can anyone help me a way to get this working in the newer IE?
Best regards
KirK

[rob^_^]

Hi,

Make the immediate <p> tag that follows the <div class=image to
display:inline
<div><img>
<p style="display:inline">Text</p>
</div>

Post by KirKone
Hello,
I have a little problem with “contenteditable“ with Internet Explorer 8 and 9.
http://www.kirkone.de/IETest/eddie.htm
In IE 8 and 9 you can see a gap between the first and second paragraph. If
you click in this gap you can type in text.
In IE 7 the gap is not there and you could not type text outside the
paragraphs. That is the way this should work.
If I remove the float from the “div” around the image the gap goes away and
all works fine.
Can anyone help me a way to get this working in the newer IE?
Best regards
KirK

[KirKone]

hi,

thanks for that tip, but this dit not solve the problem.

I tested around for a while and now I think the problem is the
contenteditable="false" in the div class="pic".
if you take a look at:
http://www.kirkone.de/ietest2/eddie.htm
you can see the div with the red border. This has contenteditable="false"
but when you click at the blank space inside this div a blinking corsor shows
up on the left upper corner of the image. when starts typing the image jumps
down and you can type inside a div with contenteditable="false".

How can I disable contenteditable for an element inside a contenteditable
block?

thanks, KirK

Post by rob^_^
Hi,
Make the immediate <p> tag that follows the <div class=image to
display:inline
<div><img>
<p style="display:inline">Text</p>
</div>

Post by KirKone
Hello,
I have a little problem with “contenteditable“ with Internet Explorer 8 and 9.
http://www.kirkone.de/IETest/eddie.htm
In IE 8 and 9 you can see a gap between the first and second paragraph. If
you click in this gap you can type in text.
In IE 7 the gap is not there and you could not type text outside the
paragraphs. That is the way this should work.
If I remove the float from the “div” around the image the gap goes away and
all works fine.
Can anyone help me a way to get this working in the newer IE?
Best regards
KirK

[PA Bear [MS MVP]]

Developer-specific resources include:

MSDN IE Development Forum (post such questions here instead)
http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/threads

Tip: When posting in Developer forums, always include a link to your web
site or test pages in your first post.

IE Developer Center
http://msdn.microsoft.com/en-us/ie/default.aspx

Learn IE8
http://msdn.microsoft.com/en-us/ie/aa740473.aspx

HTML and DHTML Overviews and Tutorials
http://msdn.microsoft.com/en-us/library/ms537623.aspx and

Cascading Style Sheets (CSS)
http://msdn2.microsoft.com/en-us/ie/aa740476.aspx

Expression Web SuperPreview for Internet Explorer (free, stand-alone visual
debugging tool for IE6, IE7, and IE8)
http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677

Expression Web SuperPreview Release Notes
http://www.microsoft.com/expression/products/Web_SuperPreviewReleaseNotes.aspx

Validators:
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

Post by KirKone
Hello,
I have a little problem with “contenteditable“ with Internet Explorer 8
and
http://www.kirkone.de/IETest/eddie.htm
In IE 8 and 9 you can see a gap between the first and second paragraph. If
you click in this gap you can type in text.
In IE 7 the gap is not there and you could not type text outside the
paragraphs. That is the way this should work.
If I remove the float from the “div” around the image the gap goes away and
all works fine.
Can anyone help me a way to get this working in the newer IE?
Best regards
KirK