Contenido tabla diferente

[dhanict]

Hola, tengo un problema a la hora de poner el contenido de las tablas. El objetivo es hacer la tabla con contenido de letras, y justo en el borde de la tabla poner una imagen solapada sobre la tabla. Esto lo he conseguido, haciendo alguos ajustes, utilizando esto &nbsp para que las letras se pongan alrededor del dibujo, y no queden ocultas por el dibujo solapado. podeis ver esto en la primera imagen:





En esta primera imagen ,se ve lo que quiero hacer, una tabla con letras, y solapada encima una imagen (que es mas grande pero esta recortado). Esto se ve correcto en google Chrome.



Sin embargo, si lo visualizo en Firefox, o Internet Explorer, no se ve bien, parece como si no reconociera la misma cantidad de &nbsp que reconoce el Chrome, porq lo que hace es descolocarme las letras y el dibujo pues aparece por encima y tapa letras. Aki una imagen:

[Carlangueitor]

Esto va en CSS no en Diseño Gráfico

Lo que pasa es que los navegadores (y los sistemas operativos) renderizan de manera diferente las fuentes. Si te fijas con cuidado, el texto es ligeramente más ancho en la segunda captura, lo cual provoca lo que comentas.

Puedes probar este Text Wrapper, pero no si si también te generará problemas entre diferentes navegadores: http://www.csstextwrap.com/ y tampoco lo veo muy recomendable por la cantidad de código.

Saludos