Posted by Steve Pugh on 12/07/05 17:51
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
Navigation:
[Reply to this message]
|