Problemas con pre dentro de td

[romansg]

Hola,

Tengo una tabla con ancho de 100%:

Código:

<table style='width: 100%'>
<tr>
<td>
<pre style='width: 90%; overflow-x: auto'>
<!-- aquí texto muy largo -->
</pre>
</td>
</tr>
</table>

En FireFox funciona muy bien: la tabla se expande al ancho de la ventana y si el texto dentro del <pre> tiene líneas muy largas, aparece la barra de desplazamiento horizontal.

Sin embargo en IE, a pesar de que sí aparece la barra horizontal en el <pre>, la tabla se pasa del ancho de la ventana apareciendo también la barra del navegador.

¿Sabe alguien cómo solucionar esto?

EDITO:

Me olvidaba: Si pongo el <pre> fuera de una tabla, funciona bien en ambos navegadores.

Gracias

[romansg]

Hola,

El problema no es exclusivo del <pre> sino al parecer de cualquier capa dentro de una <td> con ancho en porcentaje y overflow-x en auto.

Lo he solucionado añadiendo table-layout: fixed a la tabla.

Saludos