Tratando de establecer el tamaño de un tramo como un porcentaje del tamaño del contenido

Creo que tengo lo que parece una simple solicitud, pero probablemente sea realmente estúpido, pero no he trabajado en HTML en mucho tiempo.

Primero, solo tengo que soportar IE. Entiendo que WebKit es a menudo, pero hasta que haya un navegador WebKit integrado en Windows Phone 7, estoy limitado a IE.

Tengo un texto en el que quiero animar en horizontal y horizontalmente. Realmente no quiero medirlo antes de tiempo por razones de internacionalización. Lo que me gustaría hacer es poder establecer algo como esto:

 Hello, cruel world  

Y que se vea como

 Hello, cru 

Cualquier forma de lograr esto?

Span no tiene hijos, como dijo David, también, todo lo que tienes que hacer es establecer span en un bloque ( display:block ) y 50% y tomará el ancho del 50% del padre (si eso es lo que quieres decir) y luego overflow:hidden que lo cortará al 50% y no mostrará el rest de lo que está dentro.

– ACTUALIZACIÓN 2 –

Aquí está el JS sin procesar. Hazme saber si tienes alguna pregunta. Esto hace lo mismo que tuve en jQuery, pero solo con JS. plop en una etiqueta de script y deberías estar listo para ir.

 //Setting up vars $ = document; $parent = $.getElementById('parent'); $child = $.getElementById('child'); //Set the styles for the child $child.style.width = $child.offsetWidth+'px' $child.style.display = 'block'; //Set the styles for the parent $parent.style.width = ($child.offsetWidth*0.5)+'px' $parent.style.overflow = 'hidden'; $parent.style.display = 'block';