Posted by Moneypenny on 12/07/05 18:30

Ok, tnx for youre description.

I use the "display:block" and that works better. But now is te problem that
there are nog scrollbars.

The "overflow-y:auto; overflow-x:auto;" not seems to work.

I guess it's impossible in FF?




"Steve Pugh" <steve.grumpy@gmail.com> schreef in bericht
news:1133970678.131206.56360@o13g2000cwo.googlegroups.com...
> Moneypenny wrote:
>>
>> I've got an editable <span> in a website page.
>>
>> But FireFox don't show anything.
>>
>> Is there a solution?
>>
>> <span id="story_new" contentEditable="true" style="{text-align:left;
>> width:200px; height:200px; border:buttonface 1px solid;
>> border-color:black;
>> overflow-y:auto; overflow-x:auto;}">
>
> No problem with it being editable, but problems with your CSS.
>
> 1. Firefox also doesn't like the {} inside the style element.
>
> 2. Hheight and width don't apply to inline elements like span. Hence
> FireFox treats your span as if it was
>
> <span id="story_new" contentEditable="true" style="text-align:left;
> border:buttonface 1px solid; border-color:black; overflow-y:auto;
> overflow-x:auto;"></span>
>
> i.e. one character high and zero width.
>
> Either use a div or apply display: block to the span.
>
> Steve
>

[Back to original message]