[SOLUCIONADO] Configuración dentro de un <td>

[joselegolas]

Hola a todos,

Tengo un <td> dentro de una tabla tal como este:

Código HTML:

<td>Fecha:
    <input type="text" name="calendario0" id="calendario0" size="21" readonly="readonly" onchange="calendario('0')"/>
    <img src="/Borrar.png" onclick="limpiarFecha('0');"/>
</td>
 

Pues bien, cuando encojo la pantalla de tamaño, se monta la Fecha encima del input y este a su vez encima del icono de borrar en vez de mostrarme los 3 elementos en línea, como puedo conseguir que no se monten unos encima de otros?

Ya he probado dandole con style="width:150px;" y con style="display:block;" pero nada de nada

[pzin]

Lo que deberías de hacer es no usar tablas para un formulario, en principio.

¿Tienes esto en linea en algún sitio o puedes subirlo a jsfiddle.net para verlo mejor?

[joselegolas]

se trata de un panel de filtrado, te copio la parte del código en jsfiddle

http://jsfiddle.net/portueno/bAkvU/

[pzin]

Te vale con poner un:

Código CSS:

white-space: nowrap
 

Como es un valor que se hereda, bien a la propia celda o al div que tienes ahí.