| 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] |