Search code examples
htmlcsssifr

sIFR moving a word into two lines?

Does anyone have any explanation for this? I've tried setting a width on #menu_wrapper ul li to no avail.

http://i31.tinypic.com/2vskbqu.png

Solution

  • sIFR is limited in width to the width of the element you're replacing. If this element is floated, the width is the actual width of the HTML text. If the Flash font is wider than the HTML font, this means the Flash text won't fit in the allowed width and splits into multiple lines.

    Possible solutions:

    • Specify letter-spacing for the list items, such that the HTML text is as wide as the Flash text
    • Set forceSingleLine parameter for sIFR.replace() to true, with as downside that the Flash movies will show horizontal resizing as they are initialized
    • Combine the two solutions to get better initialization performance, and the security that the text will never split