contenteditable ="true" in Mozilla and IE (Mozila doesnt streach)

[dharshanav]

Hi All,

Is there a way to make the Mozilla browser behave the same way as IE
when using in the design mode?

For IE:
<div id="left_div" contenteditable ="true" frameborder="no "
style="overflow :auto; border: 1px #0000ff solid;" '>
&nbsp;
Inner Div content
</div>

For Mozilal I tried :
<iframe id="left_div" contenteditable ="true" frameborder="no "
style="overflow :auto; border: 1px #0000ff solid;"
onload='documen t.getElementByI d("left_div").c ontentWindow.do cument.designMo de="on";'>
&nbsp;
Inner Div content
</iframe>
But the behaviour is not the same, as when I use the Iframe in the
Mozilla it uses a scroll bar when the IFrame cannot accommodate the
entire text while the IE version just streaches the dive height to
accommodate the contents.
Is there a way to make the Iframe also streach as in IE, so I could
achive similar hehanor as Googles page creator.

Thanks,
Dharshana

[Pierre Goiffon]

dharshanav wrote:

Is there a way to make the Mozilla browser behave the same way as IE
when using in the design mode?

For IE:
<div id="left_div" contenteditable ="true" frameborder="no "
style="overflow :auto; border: 1px #0000ff solid;" '>

As far as I know, the contentEditable attribute is Microsoft only.
Firefox implements the Midas editor, see :
http://kb.mozillazine.org/Firefox_:_Midas

If you want a more generic solution, you should use a Javascript base
editor, like Tiny MCE or FCK Editor. See a such editor list here :
http://www.geniisoft.com/showcase.nsf/WebEditors