Foros del Web » Creando para Internet » CSS »

Problemas con pre dentro de td

Estas en el tema de Problemas con pre dentro de td en el foro de CSS en Foros del Web. 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 --> ...
  #1 (permalink)  
Antiguo 04/01/2006, 14:25
 
Fecha de Ingreso: mayo-2004
Mensajes: 34
Antigüedad: 13 años, 6 meses
Puntos: 1
Problemas con pre dentro de td

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
  #2 (permalink)  
Antiguo 07/01/2006, 01:24
 
Fecha de Ingreso: mayo-2004
Mensajes: 34
Antigüedad: 13 años, 6 meses
Puntos: 1
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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:07.